javascript - 如何使用纯 javascript 获取 DIV 中的所有 id

Question

我想立即获取 Div 中每个元素的每个 ID，并更改它们的所有类名。喜欢:

<div id = "container">
    <div id = "alot"></div>
    <div id = "of"></div>
    <div id = "random"></div>
    <div id = "ids"></div>
</div>

<script>
    var everyId = //all of the ids in #container. but how ?
    document.getElementById( everyId ).className = "anything";
</script>

我见过使用库的解决方案，但纯 Javascript 是否可行？

Answer 1

尝试这样的事情:

var ids = [];
var children = document.getElementById("container").children; //get container element children.
for (var i = 0, len = children.length ; i < len; i++) {
    children[i].className = 'new-class'; //change child class name.
    ids.push(children[i].id); //get child id.
}

console.log(ids);