如何从选定的HTML中按ID获取元素？

Question

我按ID获取元素：

   var toolbarAreaElement = document.getElementById('toolbarArea');

从上面的selected元素（toolbarAreaElement）我需要通过Id获取另一个元素：

   var toolbarAreaElement = toolbarAreaElement.getElementById('3');

但这种态度：

 var toolbarAreaElement = toolbarAreaElement.getElementById('3');

错了，因为我收到错误'未定义'。

任何想法如何从选定的HTML中获取ID？

Answer 1

您不需要在元素中搜索ID。使用：

document.getElementById('3');

  

ID是区分大小写的字符串，在文档中唯一;只有一个元素可能有任何给定的ID。

• https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById
• https://www.w3.org/TR/2010/WD-html5-20100624/elements.html#the-id-attribute

Answer 2

如果你使用querySelector，你将从选定的html中获取元素。

var toolbarAreaElement = document.getElementById('toolbarArea');
console.log(toolbarAreaElement.querySelector("#ele1"));

<div id="toolbarArea">
<input id="ele1"/>
<input id="ele2"/>
<input id="ele3"/>
</div>

Answer 3

这可以解释问题。 getElementById返回类Element的对象，该对象没有方法getElementById，因此您无法从toolbarAreaElement调用它。

您可以使用document

的getElementById方法直接访问所需元素

document.getElementById('3')