使用javascript将类添加到html元素

Question

我有以下脚本：

<script>
  document.getElementById('myId').classList.add('myClass');
</script>

如何更改它并将myClass添加到#myId a元素中？我在那里有一个anchor元素：

<div id="myId">
    <a href="#" title="link">Add class to me</a>
</div>

Answer 1

根据您的问题，您希望定位锚标记并在那里设置类，所以：

var parent = document.getElementById('one');
var anchor = parent.getElementsByTagName("A")[0];
anchor.classList.add('myClass');

应该这样做。

如果您有多个锚标记，则可以遍历它们。

var parent = document.getElementById('one');
var anchorList = parent.getElementsByTagName("A");

for(i = 0; i < anchorList.length; i++) {
    anchorList[i].classList.add('myClass');
}

Answer 2

添加您使用的类名

document.getElementById('myId').className="Your class name";