代码之家 › 专栏 › 技术社区 › TruMan1

如何获取对这个DOM结构的引用?

dom javascript

TruMan1 · 技术社区 · 14 年前

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

1 回复 | 直到 13 年前

Boldewyn 14 年前

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

小心,如果你用的话 *Sibing 属性,因为它们还选择文本节点(例如,只有空格的不可见节点),因此对于任意HTML通常不可靠(请考虑通过删除空格来压缩HTML)。

为了强调不可避免的问题:使用jQuery:

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

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

7 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

7 年前

xiaolingxiao · 导航到页面后运行javascript

7 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

7 年前