如何获得对此DOM结构的引用？

Question

如果我只有一个对document.getElementById('btn_test')引用，我如何才能仅使用Javascript获得对第一个复选框输入元素的引用。也许是parent.parent？什么是安全的方式？

<td>
    <input type="checkbox" name="text_rnd_input"/>
    <label>
        <button id="btn_test" type="button"></button>
    </label>
</td>

Answer 1

btn_test.parentNode.parentNode.getElementsByTagName('input')[0]

如果使用*Sibing属性，请小心，因为它们还选择文本节点(例如，只有空格的不可见节点)，因此对于任意的HTML值通常是不可靠的(可以考虑通过删除空格来压缩您的超文本标记语言)。

并强调不可避免的:使用jQuery：

$btn_test.closest('td').children('input')[0]
// or
$btn_test.parent().prev('input')
// or ...