Как получить предыдущий элемент DOM в Javascript?

Question

Я использую javascript для доступа к значению атрибута предыдущего элемента.

Мой HTML:

<form> 
 
     <div> 
 
      <label for="name">Name :</label> 
 
      <input type="text" name="name"> 
 
     </div> 
 
     <div> 
 
      <label for="email">E-Mail :</label> 
 
      <input type="email" name="email"> 
 
     </div> 
 
    </form>

Я использую цикл, чтобы прочитать все входные элементы в моей форме.

Но я хочу прочитать HTML-код ярлыка.

ex.

Input Element : 'email' 

    Label   : 'E-Mail' 

Также я хочу JavaScript решение только!

//////// Я не использую jQuery! ///////

Answer 1

Свойство .previousElementSibling Чтобы получить элемент метки, вы можете использовать свойство .previousElementSibling.

var el = document.getElementsByTagName('input'); 

for(var i =0; i< el.length;i++){ 
console.log(el[i]); 
console.log(el[i].previousElementSibling); 
if(el[i].getAttribute("name")==el[i].previousElementSibling.getAttribute("for")){ 
console.log("it is label"); 
} 
} 

Вот пример jsfiddle.

Answer 2

Используется код здесь: Find html label associated with a given input

//associate all labels to inputs: 
var labels = document.getElementsByTagName('LABEL'); for (var i = 0; i < labels.length; i++) { if (labels[i].htmlFor != '') { var elem = document.getElementsByName(labels[i].htmlFor)[0]; if (elem) elem.label = labels[i]; } } 

//get email for example 
email=document.getElementsByName("email")[0]; 
EmailLabelvalue=email.label.innerHTML; 

Он соединяет каждую этикетку с его входа, чем вы можете легко получить его с помощью input.label. Чтобы получить его содержательную ценность, используйте .innerHTML ...