Question

我有一个这样的清单：

<div class="navigation">
    <ul id="navigation">
        <li><a href="index.php">About</a></li>
        <li><a href="procedures.php">Procedures</a></li>
        <li><a href="consultation.php">Consultations</a></li>
        <li><a href="gallery.php">Gallery</a></li>
        <li><a href="library.php">3D Library</a></li>
        <li><a href="contact.php">Contact Us</a></li>
    </ul>
</div>

我正在尝试使用Javascript获取第一个<li>的值并提醒它......就像这样：

alert(document.getElementById('navigation').options[1]);

有人可以告诉我我做错了什么以及如何解决这个问题？

Answer 1

.options属性适用于select元素。

您应该使用.children[0]，然后.textContent或.innerText使用较旧的IE。

首先在应用程序顶部定义一个变量以获得浏览器支持：

var text = "textContent" in document ? "textContent" : "innerText";

然后像这样使用它：

alert(document.getElementById('navigation').children[1][text]);

DEMO： http://jsfiddle.net/4ec4R/

获取列表项的值

1 个答案: