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/