如何獲得使用JavaScript的鏈接onclick的ID？

嗨，我可以知道如何獲得我的使用JavaScript的鏈接我的ID？該場景是我有3個鏈接，我想通過標記名獲取元素？可能嗎？如何獲得使用JavaScript的鏈接onclick的ID？

<a href="docview.php?id=25" id="1">July 3, 2013</a> 
<a href="docview.php?id=26" id="2">July 10, 2013</a> 
<a href="docview.php?id=27" id="3">July 17, 2013</a>

我想顯示我選擇的鏈接的ID，然後當我點擊n第二個鏈接時，第二個鏈接的ID將顯示。 tahnks

來源

2013-11-27 user3034828

讓我看看您的JavaScript功能 – Cris

有用嗎？ – Enam

你可以嘗試以下方法：單擊鏈接時，該函數被調用（你也可以使用其他事件，如的onmouseover），它通過元素的ID的功能和它打印到屏幕上。希望這可以幫助。

<!DOCTYPE html> 
<html> 
<body> 

<a href="docview.php?id=25" id="1" onclick="myFunction('1')">July 3, 2013</a> 
<a href="docview.php?id=26" id="2" onclick="myFunction('2')">July 10, 2013</a> 
<a href="docview.php?id=27" id="3" onclick="myFunction('3')">July 17, 2013</a> 

<script> 

function myFunction(id) { 
var x=document.getElementById(id); 
document.write(x.id); 

} 
</script> 

</body> 
</html>

來源

2013-11-27 05:04:55

嗨，只是想知道如何更改可能標籤的值？函數myFunction（id）{var 0 = document.getElementById（id）; document.getElementById（'l_id'）。value = document.write（x.id）; }我應該把什麼放在javacsript上？謝謝l_id是我的標籤的編號 – user3034828

我剛纔注意到我可以在這裏發表評論哈哈。請在下面檢查您正在查找的代碼。 –

您可以使用jQuery

$("a").click(function(){ 
    alert(this.id); 
    });

來源

2013-11-27 04:32:33 suneesh

我認爲沒有提到jQuery。 –

純JS：

var elements = document.querySelectorAll("a"); 
for (var i = 0; i < elements.length; i++) 
{ 
    elements[i].addEventListener("click", function() { 
     console.log(this.id) 
    }, true); 
}

http://jsfiddle.net/6NXC7/1/

據我所知querySelectorAll快於getElementsByTagName或任何jQuery選擇。

來源

2013-11-27 04:37:49 Enam

var anchor = document.getElementsByTagName('a'); 
    for(var i=0;i<anchor.length;i++){ 
    anchor[i].addEventListener("click", function() { 
     alert(this.id); 
     return false; 
    } 
    }

來源

2013-11-27 04:39:24

這裏是改變標籤的值的代碼...

<!DOCTYPE html> 
<html> 
<body> 

<a href="docview.php?id=25" id="1" onmouseover="myFunction('1')">July 3, 2013</a> 
<a href="docview.php?id=26" id="2" onmouseover="myFunction('2')">July 10, 2013</a> 
<a href="docview.php?id=27" id="3" onmouseover="myFunction('3')">July 17, 2013</a> 

<script> 
var newString = "this is the new string"; 
function myFunction(id) { 
document.getElementById(id).innerHTML = newString; 

} 
</script> 

</body> 
</html>

innerHTML屬性追加當前文本到任何您指定。此外，您可以將事件從onmouseover更改爲任何適合您需要的事件。希望這可以幫助。

來源

2013-11-28 08:08:38

如何獲得使用JavaScript的鏈接onclick的ID？

回答

相關問題