JS难以记录.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初学者。

Answer 1

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

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

Answer 2

问题是document.getElementsByTagName和AllUL.getElementsByclassName返回数组。要解决这个问题，你必须使用for循环遍历具有该类名的元素，比如

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