HTML | DOM 输入搜索对象

简介

HTML文档是由一系列文档对象模型（Document Object Model，简称DOM）节点组成的树形结构，通过DOM，我们可以使用JavaScript来访问和操作HTML文档中的元素、属性以及文本节点等。

在DOM中，我们可以使用许多方法来查找和获取HTML文档中的元素，这也是开发者们最常用到的功能之一。

输入搜索对象类型

在DOM中，我们可以使用以下方法来查询元素：

1. getElementById()

getElementById() 方法根据元素的 id 属性查找指定的元素。

let ele = document.getElementById("example");

2. getElementsByTagName()

getElementsByTagName() 方法根据元素的标签名查找指定的元素集合。

let eleList = document.getElementsByTagName("p");

3. getElementsByClassName()

getElementsByClassName() 方法根据元素的 class 属性查找指定的元素集合。

let eleList = document.getElementsByClassName("example");

4. querySelector()

querySelector() 方法返回匹配指定 CSS 选择器的一个元素。

let ele = document.querySelector(".example");

5. querySelectorAll()

querySelectorAll() 方法返回匹配指定 CSS 选择器的所有元素集合。

let eleList = document.querySelectorAll("p");

结论

在使用DOM操作HTML时，我们可以根据文档结构和元素属性等特征，使用不同的方法获取指定的元素，并对其进行操作。

以上就是HTML | DOM 输入搜索对象的介绍，希望对你有所帮助。