javascript - 使用 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

根据您的问题，您想要定位 anchor 标记并在那里设置类，因此:

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

应该可以了。

如果您有多个 anchor 标记，您可以循环它们。

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

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