Javascriptで前のDOM要素を取得するにはどうすればよいですか？

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プロパティを使用できます。

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

：それはあなたが簡単にinput.labelを使用してそれを得ることができるよりも、その入力ですべてのラベルを結ぶ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; 

。含まれる値を取得するには、.innerHTML ...