无法在javascript中读取带有点和破折号字符的id

我有一个id为“”Ribbon.ListItem.Manage.ViewProperties Large“”的div。 我无法使用javascript隐藏它。我正在使用

\\

逃逸dot，但它不起作用。下面是我的代码

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，则必须转义与选择器相关的字符，如

$\35;

等

$('#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";

您可以在at中看到一个简单的实现，试试这个。 希望能有帮助

<style> #Ribbon\.ListItem\.Manage\.ViewProperties-Large{display:none;} </style>

#Ribbon\.ListItem\.Manage\.ViewProperties大型{显示：无；}

哦，天哪。如果可能的话，请考虑更改IDS。下面的代码是为我工作的……不只是用JavaScript……有什么原因吗？Ribbon\.ListItem\.Manage\.ViewProperties大型{display:none！important；}它正在工作…我正在将它放在document.ready下…我从那里删除了它。。它开始工作了谢谢。。。