如何使用JavaScript获取链接onclick的ID？

Question

嗨，我可能知道如何使用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。 吊车

Answer 1

您可以使用jQuery

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

Answer 2

纯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选择器要快。

Answer 3

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

Answer 4

您可以尝试以下操作：单击链接时调用该函数（您也可以使用其他事件，例如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>

Answer 5

这是更改标签值的代码...

<!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更改为适合您需要的任何事件。 希望这可以帮助。

如何使用JavaScript获取链接onclick的ID？

问题描述

5 个解决方案

解决方案1
1 2013-11-27 04:32:33

解决方案2
0 2013-11-27 04:37:49

解决方案3
0 2013-11-27 04:39:24

解决方案4
0 已采纳 2013-11-27 05:04:55

解决方案5
0 2013-11-28 08:08:38

如何使用JavaScript获取链接onclick的ID？

问题描述

5 个解决方案

解决方案1 1 2013-11-27 04:32:33

解决方案2 0 2013-11-27 04:37:49

解决方案3 0 2013-11-27 04:39:24

解决方案4 0 已采纳 2013-11-27 05:04:55

解决方案5 0 2013-11-28 08:08:38

解决方案1
1 2013-11-27 04:32:33

解决方案2
0 2013-11-27 04:37:49

解决方案3
0 2013-11-27 04:39:24

解决方案4
0 已采纳 2013-11-27 05:04:55

解决方案5
0 2013-11-28 08:08:38