查找与给定输入关联的html标签

Question

假设我有一个html表单。每个输入/选择/文本区域将具有一个对应<label>的for属性，该属性设置为其同伴的ID。在这种情况下，我知道每个输入将只有一个标签。

给定javascript中的input元素（例如，通过onkeyup事件），找到与其关联标签的最佳方法是什么？

Answer 1

首先，扫描页面上的标签，并从实际的表单元素分配对标签的引用：var labels = document.getElementsByTagName('LABEL');for (var i = 0; i < labels.length; i++) {&nbsp; &nbsp; if (labels[i].htmlFor != '') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var elem = document.getElementById(labels[i].htmlFor);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;if (elem)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; elem.label = labels[i];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; }}然后，您可以简单地执行以下操作：document.getElementById('MyFormElem').label.innerHTML = 'Look ma this works!';无需查找数组:)