我如何使用Javascript從菜單欄中獲取價值

Question

我是JavaScript的新手，但我想解決這個問題。

我的代碼是這樣的：

JavaScript：

function win(anchor) {
    var value = anchor.getAttribute('value');  
    var html = anchor.innerHTML;  
    document.write(value);
    document.write(html);
    }

HTML：

      <ul id="nav">
        <li><a href="#1" onclick="win(this)">QUANTITATIVE</a></li>
        <li><a href="#2" onclick="win(this)">REASONING</a></li>               
        <li><a href="#3" onclick="win(this)">ENGLISH</a></li>
        <li><a href="#4" onclick="win(this)">GENERAL KNOWLADGE</a></li>
        <li><a href="#5" onclick="win(this)">COMPUTER</a></li>
    </ul>    

並且我想知道如何使用Javascript獲得最近單擊的菜單欄選項的值。
意思是我單擊過的菜單都會得到一個變量值。

Answer 1

我創建了這個示例-

function win(anchor) {
    var html = anchor.innerHTML;  
    console.log(html);
}

在這個小提琴中起作用-http: //jsfiddle.net/jayblanchard/2XD2C/

Answer 2

也許您可以將其傳遞給方法：

<li><a href="#1" onclick="win(this, 'QUANTITATIVE')">QUANTITATIVE</a></li>

這取決於您的應用

Answer 3

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

Answer 4

最好使用事件處理和簡潔的JavaScript代替onclick=""屬性。 這是一個使用jQuery的示例，它是.click()函數。 如果您的導航將在以后添加元素，或者在其他頁面上添加元素，則這也將動態地起作用。

$('#nav li').each(function() {
    $(this).click(function() {
        var value = $(this).find('a').html();
        $('#result').html(value);
    }); 
});

JSFiddle示例