使用JavaScript获取childNode属性

我正在尝试获取元素子元素的属性。。。大概是这样的：

<div id="mydivs">
  <div name="mydiv1" name="format1">

  </div>
  <div name="mydiv2" format="format2">

  </div>
</div>


var parent = document.getElementById('mydivs');

var children = parent.childNodes;

for (let child of children) {
  console.log(child)
  console.log(child.attributes)
}

---

parent.childNodes

将包含文本节点，这就是为什么您会得到

未定义的
，因此您可以首先检查
节点类型
是否为1，即
节点。元素\u节点

然后可以在数组中使用扩展语法来创建属性节点数组，这样就可以使用
forEach
循环


var parent=document.getElementById（'mydivs'）；
var children=parent.childNodes；
为了（让孩子成为孩子）{
if（child.nodeType==1）{
[…child.attributes].forEach（（{name，value}）=>{
log（`${name}-${value}`）；
})
}
}

或仅用于开头…
var parent = document.getElementById('mydivs');
var children = parent.children;