javascript - JavaScript中如何通过ID获取子元素？

Question

我有以下 html:

<div id="note">
<textarea id="textid" class="textclass">Text</textarea>
</div>

如何获取textarea元素？我无法使用 document.getElementById("textid") 来实现

我现在这样做:

var note = document.getElementById("note");
var notetext = note.querySelector('#textid');

但它在 IE(8) 中不起作用

我还能怎么做？ jQuery 没问题

谢谢

Answer 1

如果jQuery没问题，你可以使用find() 。它基本上与您现在所做的方式相同。

$('#note').find('#textid');

您还可以使用 jQuery 选择器来基本上实现相同的目标:

$('#note #textid');

使用这些方法来获取已经有 ID 的东西有点奇怪，但我提供这些方法是假设这并不是您真正计划使用它的方式。

顺便说一句，您应该知道 ID 在您的网页中应该是唯一的。如果您计划让多个元素具有相同的“ID”，请考虑使用特定的类名称。

更新2020年3月10日

使用原生 JS 来实现这一点是轻而易举的:

document.querySelector('#note #textid');

如果你想先找到#note，然后找到#textid，你必须检查第一个querySelector结果。如果无法匹配，则不再可能进行链接:(

var parent = document.querySelector('#note');
var child = parent ? parent.querySelector('#textid') : null;