javascript - 如何将值从 href 传递到 input

Question

需要一些指导。我正在尝试使用 getAttribute 将值从 href 传递到 input 值，它工作正常，但如果我使用多个 a 标记它只显示第一个的 href 属性。

请检查代码片段，

function myFunction(event) { 
    document.getElementById("demo").value = document.getElementsByTagName("a")[0].getAttribute('href');
}

<a href="#2" onclick="myFunction(event)">test1</a>

<a href="#3" onclick="myFunction(event)">test2</a>

<input id="demo"></input>

Answer 1

您的问题如下:

// That line is returning always the first <a> element, so you're getting always '#2'.
document.getElementsByTagName("a")[0]; 

您可以在这里了解更多信息 Element.getElementsByTagName()

<小时/>

您可以将元素直接传递给函数 myFunction。

看这个代码片段:

function myFunction(caller) {
  document.getElementById("demo").value = caller.getAttribute('href');
}

<a href="#2" onclick="myFunction(this); event.target">test1</a>

<a href="#3" onclick="myFunction(this); event.target">test2</a>

<input id="demo"></input>

看，现在输入正在获取正确的 href 值。