如何获取所有id'；使用纯javascript在DIV中创建

我想一次获取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>

var everyId=//容器中的所有ID。但是怎么做呢？
document.getElementById（everyId）.className=“任意”；

---

我见过使用库的解决方案，但纯Javascript可以做到这一点吗？

尝试以下方法：

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);

varids=[]；
var children=document.getElementById（“容器”）.children//获取容器元素子元素。
for（变量i=0，len=children.length；i

您可以对指定父元素中的子元素使用querySelectorAll：

var a = document.querySelectorAll('#container > div'); // get all children within container
console.log(a);
for (var i = 0; i<a.length; i++){ // loop over the elements
    console.log(a[i].id);  //  get the ids
    a[i].className = 'newClass';  // change the class names
}

var a=document.querySelectorAll（'#container>div'）；//将所有子项放入容器中
控制台日志（a）；
对于（var i=0；i杠杆和循环，以实现您所寻找的目标：

var everyChild = document.querySelectorAll("#container div");
for (var i = 0; i<everyChild.length; i++) {
    everyChild[i].classList.add("anything");
}

var everyChild=document.queryselectoral（“#container div”）；
对于（var i=0；i，您可以利用它提供一个选择器来获取您感兴趣的元素

var c = document.querySelectorAll("#container > div");
console.log(c);  // array of all children div below #container

循环遍历它们并获取
.id
？是的，但是使用您的JSFIDLE为什么我不能删除类名？您的方法中出现了语法错误，调用
。replace（）
不设置值：您需要单独设置变量。您还可以使用的
remove（）
方法。