2013-02-25 47 views
0

我想要做的是创建一个<li>它应该被添加到现有的<ul> 我想追加textnode而不给它一个ID。 我尝试使用纯JavaScript,不使用jQuery。在JavaScript中获取ul并追加li

我得到了到目前为止(和它不工作):

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)  
} 

HTML

<body onload="addElement()"> 
    <ul></ul> 
</body> 

任何人谁可以帮帮忙? 谢谢

+0

可能重复[如何在没有ID访问HTML元素?](http://stackoverflow.com/questions/236624/how-to -access-html-element-without-id) – alfasin 2013-02-25 18:46:52

回答

8

getElementsByTagName返回一个节点列表。你需要得到来自一个特定的标签:

ulnew[0].appendChild(newLi); 

http://jsfiddle.net/eKeFN/

+0

aww很棒,非常感谢 – xhallix 2013-02-25 18:47:46