如何使用javascript查找兄弟标签答案

【问题标题】：How to find sibling tag using javascript如何使用javascript查找兄弟标签
【发布时间】：2011-09-17 19:48:44
【问题描述】：

我有以下 HTML

            <div>
                <label for="username">Username:</label>
                <input type="text" name="username" id="username" />
                <span>some text here</span>
            </div>

现在我已经相当容易地使用 getElementById 在 javaScript 中引用了输入“用户名”，但我需要（通过 javascript）定位与输入关联的标签文本，我在想这样的事情：

document.getElement(thisName).parent.getElementsByTagName('label')[0].innerHTML;

感谢任何帮助

【问题讨论】：

这应该会有所帮助：stackoverflow.com/questions/285522/…
为什么不用getElementById？

标签： javascript

【解决方案1】：

我想这就是你想要的：

document.getElementById('username').parentNode.getElementsByTagName('label')[0].innerHTML;

【讨论】：

【解决方案2】：

您可以使用.previousElementSibling 属性来获取上一个兄弟元素。

如果该属性不受支持，您可以使用函数来模拟它。

var inp = document.getElementById('username');

var lab = inp.previousElementSibling || previousElementSibling( inp );

function previousElementSibling( el ) {
    while( el && (el = el.previousSibling) && el.nodeType !== 1 );
    return el;
}

【讨论】：