Question

我想知道如何使用javascript来定位div中的ul，使用javascript将另一个li添加到ul中。问题是div有一个id，ul，后来的li没有。

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>

通常我只会在ul中添加一个id，但是我使用的软件不是一个选项，我必须使用javascript来完成这个任务。在此先感谢！

Answer 1

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

Answer 2

尝试使用querySelector

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

如何使用Javascript在div中定位ul

2 个答案: