javascript - 更改输入字段抓取名称

Question

我已经尽我所能进行了搜索。我正在尝试使用其名称更改输入字段的文本。我找到了很多通过 ID 来做到这一点的方法，比如:

<script>
   function changeValue(o){
 document.getElementById('type').value=o.innerHTML;
}
</script>

<button id="technician" onclick="changeValue(this)">Technician</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" id="type" name="type" value="change" />

但我需要完成的是没有 ID 的输入。

类似的东西:

<script>
   function changeValue(o){
 document.getElementsByName('NAME').value=o.innerHTML;
}
</script>

<button id="technician" onclick="changeValue(this)">Technician</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" name="NAME" value="change" />

有什么办法可以做到这一点吗？

更新

我正在尝试扩展你们帮助我的 javascript。

片段:

<script>
 function changeValue(o){
   document.getElementsByName('NAME')[0].value=o.innerHTML;
 }
</script>

<span onclick="changeValue(this)" style="cursor: pointer;">One</span>
<span onclick="changeValue(this)" style="cursor: pointer;">Two</span>
<img src='image.gif' onclick="changeValue(this.src)" />

<input type="text" name="NAME" value="SOMETHING">

跨度工作正常，尽管我实际上并不需要它们。一旦我弄清楚了，我就会拥有所有图像。

我尝试了几种方法，但我能找到的与我的使用没有直接关系。

最终目标是使用 js 将 img src 放入文本输入中，最好是它已经存在的方式。我觉得它真的很接近。

Answer 1

getElementsByName() 返回一个集合。使用 [] 访问单个元素

例如:

 function changeValue(o){
     document.getElementsByName('NAME')[0].value=o.innerHTML;
}