我陷入了一个问题，我希望编写一个可以显示内部div的所有div ID的脚本，例如：
<body id="bd">
<div id="canvas">
<div id="nd1">
<div>
My text
</div>
</div>
<div id="nd2">
<div id="hd">Some Text</div>
<div>
<div>
我想要的是，当我单击在“ nd1”内未定义ID的div时，我应该获得其父div（即nd1）和最外面的父级，这是我想要的。
尝试
var allChildNodes = document.querySelectorAll("#nd1 div");
nodes = Array.prototype.slice.call(allChildNodes ,0);
nodes.forEach(function(node){
node.addEventListener("click", function(){
console.log("Outer parent" + node.parentNode.outerHTML);
console.log("Outermost parent" + node.parentNode.parentNode.outerHTML);
});
});
获取父div数组
var allChildNodes = document.querySelectorAll("#nd1 div");
nodes = Array.prototype.slice.call(allChildNodes ,0);
nodes.forEach(function(node){
node.addEventListener("click", function(){
var parentDivs = [];
while( !node.parentNode )
{
parentDivs.push(node.parentNode);
node = node.parentNode;
}
console.log("parents" + parentDivs);
});
});
用于匹配从特定字符串开始的多个div
var allChildNodes = document.querySelectorAll("[id^='nd'] div");
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句