如何使用Javascript在div內定位ul

我想知道如何使用javascript定位ul內的ul，以便使用javascript將另一個li添加到ul。問題在於div有一個id，ul，後來的li沒有。如何使用Javascript在div內定位ul

HTML：

<div id="topnav"> 
<div id="navcontainer"> 
    <ul> 
     <li><a href="./" rel="">Hello |</a></li> 
     <li><a href="services.php" rel="" id="current">We Provide |</a></li> 
     <li><a href="service_providers.php" rel="">Service Providers</a></li> 
</ul>

按說我想補充一個ID，UL，但我的軟件我使用的是不是一種選擇，我必須使用JavaScript來完成這個任務。提前致謝！

來源

2016-05-12 Spencer Davis

var myList = document.getElementById('navcontainer').getElementsByTagName('ul')[0]; 
// or: var myList = document.querySelector('#navcontainer ul'); 

var myNewListItem = document.createElement('li'); 
myNewListItem.textContent = "A New Item"; 

myList.appendChild(myNewListItem);

來源

2016-05-12 17:44:02 Quantastical

將.innerHTML工作，以將鋰試試？ –

是的，但一定要將新內容附加到舊內容中：'myList.innerHTML = myList.innerHTML +'

一個新項目

「;' – Quantastical

啊，謝謝你，先生！會忘記這一點。 –

使用獲得由ID的元素後，然後通過標記名querySelector

var ulElement = document.querySelector("#navcontainer ul")

來源

2016-05-12 17:45:47 gurvinder372

如何使用Javascript在div內定位ul

回答

相關問題