2013-02-25 48 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