无法读取id与点和破折号字符在javascript

Not able to read id with dot and dash characters in javascript

本文关键字：破折号 字符 javascript 读取 id      更新时间：2023-09-26

我有一个div id "Ribbon.ListItem.Manage.ViewProperties-Large"。我无法使用javascript隐藏它。我用''来转义点，但它不起作用。下面是我的代码。

document.getElementById("Ribbon''.ListItem''.Manage''.ViewProperties-Large  ").style.display = "none";

给出如下错误。

TypeError: document.getElementById(...) is null

当您使用getElementById时，不需要转义.，因为我们没有使用选择器

document.getElementById("Ribbon.ListItem.Manage.ViewProperties-Large").style.display = "none";

但是如果你使用的是jQuery，那么你将不得不转义选择器相关的字符，如.$#等

$('#Ribbon''.ListItem''.Manage''.ViewProperties-Large').hide()

传递id给document.getElementById时不需要转义任何内容。它知道它是一个id，而不是一个选择器。

document.getElementById("Ribbon.ListItem.Manage.ViewProperties-Large  ").style.display = "none";

您可能还需要删除尾随空格

使用getElementById时不要使用转义字符，使用as 

document.getElementById('Ribbon.ListItem.Manage.ViewProperties-Large').style.display = "none";
您可以在http://jsbin.com/tuwaruhusu/1/edit?html,js,console,output
中看到一个简单的实现。

试试这个。希望能有所帮助。

<style> #Ribbon'.ListItem'.Manage'.ViewProperties-Large{display:none;} </style>
相关文章：