js 给div的children添加id
时间: 2023-11-13 07:06:07 浏览: 33
可以使用JavaScript的`setAttribute()`方法给`div`元素的子元素添加`id`属性,代码如下:
```javascript
var div = document.getElementById("myDiv");
var children = div.children;
for(var i=0; i<children.length; i++) {
children[i].setAttribute("id", "child" + i);
}
```
这段代码首先获取了id为`myDiv`的`div`元素,然后遍历它的所有子元素,为每个子元素添加一个以`child`为前缀的唯一`id`属性。
相关问题
js怎么获取id为hezi的div内的第二个div
你可以使用以下 JavaScript 代码获取 id 为 "hezi" 的 div 内的第二个 div:
```javascript
var divList = document.querySelector("#hezi").children; // 获取 "hezi" div 的所有子元素
var secondDiv = divList[1]; // 获取第二个子元素
```
注意:此代码仅适用于 "hezi" div 中只有 div 元素的情况。如果 "hezi" div 中还有其他元素,且第二个子元素不是 div 元素,则需要进行修改。
js 交换两个div的位置
可以通过 JavaScript 来交换两个 div 的位置,具体的实现方法如下:
HTML 代码:
```html
<div id="div1">这是第一个 div</div>
<div id="div2">这是第二个 div</div>
```
JavaScript 代码:
```javascript
// 获取两个 div 元素
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
// 获取它们的父元素
var parent = div1.parentNode;
// 获取 div1 在父元素中的位置
var index1 = Array.prototype.indexOf.call(parent.children, div1);
// 获取 div2 在父元素中的位置
var index2 = Array.prototype.indexOf.call(parent.children, div2);
// 交换两个 div 的位置
if (index1 < index2) {
parent.insertBefore(div2, div1);
} else {
parent.insertBefore(div1, div2);
}
```
上述代码中,首先通过 `document.getElementById` 方法获取了两个 div 元素,然后通过 `parentNode` 属性获取它们的父元素,再通过 `indexOf` 方法获取它们在父元素中的位置,最后通过 `insertBefore` 方法来交换它们的位置。