有没有办法按类型查找 HTML 元素？

Question

有几个函数可以获取 DOM 文档元素，例如.getElementById() 、 .getElementByName()等，但我没有看到任何 function 允许按类型获取元素。

有什么机制可以做到吗？

Answer 1

您可以使用getElementsByTagName() function 通过标签名称获取所有元素。

即getElementsByTagName("div")将返回所有 <div>。

Answer 2

通过.querySelectorAll的 CSS 选择器是最强大的。

 let p = document.querySelectorAll("p"); console.log(p[0].innerHTML + " and " + p[1].innerHTML);

 <p>asdf</p> <span>fdafsdf</span> <p>kjkjkj</p>

Answer 3

您可以使用“document.querySelectorAll()”方法按类型获取所有元素。 例如，您可以获得所有类型为“文本”的“输入”元素，如下所示。

 document.querySelectorAll('input[type="text"]')