javascript - 获取列表项的值

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 元素。

对于旧版 IE，您应该使用 .children[0]，然后使用 .textContent 或 .innerText。

<小时/>

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

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

<小时/>

然后像这样使用它:

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

演示: http://jsfiddle.net/4ec4R/