查找与给定输入关联的html标签 [英] Find html label associated with a given input

问题描述

假设我有一个html表单。每个input / select / textarea都有相应的< label> ，其中属性设置为它的id伴侣。在这种情况下，我知道每个输入只会有一个标签。

给定javascript中的输入元素—通过onkeyup事件，例如—什么是最好的方法来找到它的相关标签？

解决方案

首先，扫描标签的页面，并分配参考标签从实际的表单元素：



  var labels = document.getElementsByTagName（'LABEL'）; 
 for（var i = 0; i< labels.length; i ++）{
 if（labels [i] .htmlFor！=''）{
 var elem = document.getElementById（标签[I] .htmlFor）; 
 if（elem）
 elem.label = labels [i]; 
 
 
  

然后，你可以简单地去：

  document.getElementById（'MyFormElem'）。label.innerHTML ='Look ma this works！'; 
  

不需要查找数组：


Let's say I have an html form. Each input/select/textarea will have a corresponding <label> with the for attribute set to the id of it's companion. In this case, I know that each input will only have a single label.

Given an input element in javascript — via an onkeyup event, for example — what's the best way to find it's associated label?

解决方案

First, scan the page for labels, and assign a reference to the label from the actual form element:

var labels = document.getElementsByTagName('LABEL');
for (var i = 0; i < labels.length; i++) {
    if (labels[i].htmlFor != '') {
         var elem = document.getElementById(labels[i].htmlFor);
         if (elem)
            elem.label = labels[i];         
    }
}

Then, you can simply go:

document.getElementById('MyFormElem').label.innerHTML = 'Look ma this works!';

No need for a lookup array :)

这篇关于查找与给定输入关联的html标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！