Javascript和CSS，使用破折号

Question

我开始学习一些JavaScript，并且了解在命名标识符时不允许使用破折号。但是，在CSS中，ID和类通常使用破折号。

在CSS中使用破折号是否会干扰javascript交互？例如，如果我要使用getElementByID("css-dash- name")。我已经尝试了一些使用getElementByID并将破折号作为div
ID的名称的示例，并且它可以工作，但是我不确定在所有其他情况下是否都是这种情况。

Answer 1

在ID（或类名，如果您选择的话）中带有破折号和下划线不会产生任何负面影响，可以安全地使用它们。您只是 不能 做类似的事情：

var some-element = document.getElementByID('css-dash-name');

上面的示例将出错，因为要将元素分配给的变量中有一个破折号。

但是，由于该变量不包含破折号，因此以下内容会很好：

var someElement = document.getElementByID('css-dash-name');

该命名限制 仅 适用于javascript变量本身。