如何使用JavaScript獲取鏈接onclick的ID？
[英]how to get the id of a link onclick using javascript?
問題描述
嗨，我可能知道如何使用javascript獲取鏈接的ID？ 場景是我有3個鏈接，我想按標記名獲取元素？ 可能嗎？
<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。 吊車
5 個解決方案
解決方案1
1 2013-11-27 04:32:33
您可以使用jQuery
$("a").click(function(){
alert(this.id);
});
解決方案2
0 2013-11-27 04:37:49
純JS：
var elements = document.querySelectorAll("a");
for (var i = 0; i < elements.length; i++)
{
elements[i].addEventListener("click", function() {
console.log(this.id)
}, true);
}
據我所知， querySelectorAll比getElementsByTagName或JQuery選擇器要快。
解決方案3
0 2013-11-27 04:39:24
var anchor = document.getElementsByTagName('a');
for(var i=0;i<anchor.length;i++){
anchor[i].addEventListener("click", function() {
alert(this.id);
return false;
}
}
解決方案4
0 已采納 2013-11-27 05:04:55
您可以嘗試以下操作：單擊鏈接時調用該函數（您也可以使用其他事件，例如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>
解決方案5
0 2013-11-28 08:08:38
這是更改標簽值的代碼...
<!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更改為適合您需要的任何事件。 希望這可以幫助。
使用ID上的javascript鏈接到其他頁面，無需事件onclick
[英]Using javascript on ID to link to other page without event onclick
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
使用onClick獲取javascript中單擊按鈕的ID
如何在 jQuery/JavaScript 中獲取行 ID onClick？
使用ID上的javascript鏈接到其他頁面，無需事件onclick
如何使用 onclick Reactjs 獲取按鈕 ID
使用javascript獲取點擊的html鏈接ID
使用Javascript點擊時獲取鏈接的ID
javascript onclick獲取div id？
使用javascript修改onclick鏈接
如何將onclick添加到使用javascript的鏈接？
如何將onclick事件鏈接到JavaScript？
相關標簽