2013-04-29 185 views
0

我有一個列表,像這樣:獲得價值

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

有人能告訴我我做錯了什麼,以及如何解決這個問題?

回答

3

.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/