javascript - 如何在 Javascript 中获取前一个 DOM 元素？

Question

这个问题已经有答案了:

Get next / previous element using JavaScript? (10 个回答)

已关闭 6 年前。

我正在使用 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。

例如。

  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示例。