如何使用javascript获取链接onclick的id？_Javascript

如何使用javascript获取链接onclick的id？

javascript

如何使用javascript获取链接onclick的id？,javascript,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>

嗨，我可以知道如何使用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，然后当我单击第二个链接时，将显示第二个链接的ID。tahnks

您可以使用jQuery

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

您可以使用jQuery

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

您可以使用jQuery

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

您可以使用jQuery

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

纯JS：

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

var elements=document.querySelectorAll（“a”）；
对于（var i=0；i



据我所知，querySelectorAll
比getElementsByTagName
或JQuery选择器更快。
Pure JS:
var elements = document.querySelectorAll("a");
for (var i = 0; i < elements.length; i++)
{
    elements[i].addEventListener("click", function() {
        console.log(this.id)
    }, true);
}

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

var elements=document.querySelectorAll（“a”）；
对于（var i=0；i


据我所知，querySelectorAll
比getElementsByTagName
或JQuery选择器更快。
Pure JS:
var elements = document.querySelectorAll("a");
for (var i = 0; i < elements.length; i++)
{
    elements[i].addEventListener("click", function() {
        console.log(this.id)
    }, true);
}

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

var elements=document.querySelectorAll（“a”）；
对于（var i=0；i


据我所知，querySelectorAll
比getElementsByTagName
或JQuery选择器更快。
Pure JS:
var elements = document.querySelectorAll("a");
for (var i = 0; i < elements.length; i++)
{
    elements[i].addEventListener("click", function() {
        console.log(this.id)
    }, true);
}

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

var elements=document.querySelectorAll（“a”）；
对于（var i=0；i


据我所知，querySelectorAll
比getElementsByTagName
或JQuery选择器快。
var-anchor=document.getElementsByTagName（'a'）；
  var anchor = document.getElementsByTagName('a');
  for(var i=0;i<anchor.length;i++){
     anchor[i].addEventListener("click", function() {
       alert(this.id);
        return false;
    }
  }

对于（var i=0；ivar anchor=document.getElementsByTagName（'a'）；
对于（var i=0；ivar anchor=document.getElementsByTagName（'a'）；
对于（var i=0；ivar anchor=document.getElementsByTagName（'a'）；
对于（var i=0；i您可以尝试以下操作：单击链接时调用函数（您也可以使用其他事件，如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>


函数myFunction（id）{
var x=document.getElementById（id）；
文件。写入（x.id）；
}
您可以尝试以下操作：单击链接时调用函数（您也可以使用其他事件，如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>


函数myFunction（id）{
var x=document.getElementById（id）；
文件。写入（x.id）；
}
您可以尝试以下操作：单击链接时调用函数（您也可以使用其他事件，如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>


函数myFunction（id）{
var x=document.getElementById（id）；
文件。写入（x.id）；
}
您可以尝试以下操作：单击链接时调用函数（您也可以使用其他事件，如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>


函数myFunction（id）{
var x=document.getElementById（id）；
文件。写入（x.id）；
}
以下是更改标签值的代码
<!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>


var newString=“这是新字符串”；
函数myFunction（id）{
document.getElementById（id）.innerHTML=newString；
}

innerHTML属性将当前文本附加到您指定的内容。此外，您可以将事件从onmouseover更改为适合您需要的内容。希望这能有所帮助。
以下是更改标签值的代码
<!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>

<!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>


var newString=“这是新字符串”；
函数myFunction（id）{
document.getElementById（id）.innerHTML=newString；
}

innerHTML属性将当前文本附加到您指定的内容。此外，您可以将事件从onmouseover更改为适合您需要的内容。希望这能有所帮助。
以下是更改标签值的代码
<!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>

<!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>


var newString=“这是新字符串”；
函数myFunction（id）{
document.getElementById（id）.innerHTML=newString；
}

innerHTML属性将当前文本附加到您指定的内容。此外，您可以将事件从onmouseover更改为适合您需要的内容。希望这能有所帮助。
以下是更改标签值的代码
<!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>

<!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>


var newString=“这是新字符串”；
函数myFunction（id）{
document.getElementById（id）.innerHTML=newString；
}

innerHTML属性将当前文本附加到您指定的内容。此外，您可以将事件从onmouseover更改为适合您需要的内容。希望这有帮助。显示您的javascript函数有帮助吗？显示您的javascript函数有帮助吗？显示您的javascript函数有帮助吗？显示您的javascript函数有帮助吗javascript函数有什么有用的吗？我想没有提到jQuery。我想没有提到jQuery。我想没有提到jQuery。我想没有提到jQuery。嗨，我只是想知道如何更改may label的值？函数myFunction（id）{var x=document.getElementById（id）；document.getElementById（'l_id'））.value=document.write（x.id）；}我应该在JavaCScript上写什么？谢谢l_id是我的标签的id我刚才注意到我可以在这里发表评论lol。检查下面你正在寻找的代码。嗨，我只是想知道如何更改may label的值？函数myFunction（id）{var x=document.getElementById（id）；document.getElementById（'l_id'）.value=document.write（x.id）；}我应该在javacscript上写什么？谢谢，l_id是我labelI的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>