JavaScript在onClick中按值属性输入文本

我想

输入

我从该数字上的

属性

值中单击到

文本框

的数字

如果单击数字1，则值为数字1，依此类推

这是我的剧本：

函数myFunc（）{
var dadada=document.getElementsByTagName（“a”）；
var i；
对于（i=0；i

此值：

您需要获取单击链接的值。获取所有

此值：

您可以通过将dom元素直接传递给函数来实现，如下所示：

函数myFunc（elem）{
var de=elem.getAttribute（“值”）；
document.getElementById（“text_id”）.value=de；
返回false；
}

此值：

请在下面检查我的答案

HTML

<div id="parent">
  <a  class="list-group-item" value="1" href="#" >1</a> 
  <a  class="list-group-item" value="2" href="#" >2</a> 
  <a  class="list-group-item" value="3" href="#" >3</a> 
  <a  class="list-group-item" value="4" href="#" >4</a>
</div>

this value: <input type="text" id="text_id" value="">

---

我的有点不同，因为它使用事件委托，也就是说，你只需要听父元素的点击，而不是每个锚元素的点击。我个人认为这是一种更干净、更高效的方法。

谢谢您的回复。。但我想在属性值中获取值，以便输入文本表单..更新了我的答案。感谢回复。。。我在这里尝试这项工作。。。但我尝试不工作…js fiddle默认情况下添加所有加载的js，这是导致问题的原因。但是如果我们更新它，将js-in-body标记放在bottm上，它就可以正常工作，比如。有关这方面的信息。

var parent = document.querySelector("#parent");
var input = document.querySelector("#text_id");

parent.addEventListener("click", function(e){
        input.value = e.srcElement.getAttribute("value");
})