javascript - JS 难于 document.getElements 和输出 HTML

Question

我试图稍后在 HTML 文档中输出一些现有的 HTML 代码。我无法将 HTML 代码更改为输出，只有 JS 才能这样做。相关代码是一个无序列表，其中包含用于其他标签的类：

<ul class="styling">...

JS代码

var AllUl=document.getElementsByTagName("ul");
var AdminUL=AllUl.getElementsByClassName("styling");
var AdminHTML=AdminUL.outerHTML;

一切都应该在这里可见和可编辑http://jsfiddle.net/fGF7g/3/

抱歉，如果我有明显的错误，我是 JS 初学者。

score 4 · Accepted Answer

getElementsByTagName返回具有给定标签名称的元素列表，因此您应该这样做：

var AllUl=document.getElementsByTagName("ul");
for(var i = 0; i < AllUl.length; i++ ) {
   var AdminUL=AllUl[i].getElementsByClassName("styling");
}

score 0 · Accepted Answer

问题在于document.getElementsByTagName并AllUL.getElementsByclassName返回数组。要解决此问题，您将不得不使用 for 循环来遍历具有该类名的元素，如下所示

var AllUL=document.getElementsByTagName("ul");
for(var i = 0; i < AllUL.length; ++i) {
   var AdminUL=AllUL[i].getElementsByClassName("styling");
}

2 回答 2