在javascript中获取ul并附加li

xha*_*lix 0 javascript html-lists

我正在尝试做的是创建一个<li>应该添加到现有的<ul> 我想要将textnode附加到不给它ID的情况下.我尝试使用纯JavaScript,没有jQuery.

到目前为止我得到了什么(它不起作用):

function addElement () {
    var newLi = document.createElement("li");
    var text = document.createTextNode("Teststring in <li>");
    newLi.appendChild(text);
    var ulnew = document.getElementsByTagName('ul')
    ulnew.appendChild(newLi)    
}
Run Code Online (Sandbox Code Playgroud)

HTML

<body onload="addElement()">
    <ul></ul>
</body>
Run Code Online (Sandbox Code Playgroud)

有谁可以帮忙吗?谢谢

Exp*_*lls 8

getElementsByTagName返回节点列表.您需要从中获取特定标记:

ulnew[0].appendChild(newLi);
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/eKeFN/