原生查找DOM元素
在JavaScript中，原生查找DOM元素的方法是操作网页内容的基础。以下是一些常用的方法来查找和选择DOM元素：
1. document.getElementById(id)
通过元素的ID查找并返回一个特定的元素。ID在文档中应该是唯一的。
1var element = document.getElementById('myElementId');2. document.getElementsByTagName(name)
通过标签名查找并返回一个HTMLCollection的元素列表，这个集合是实时的。
1var elements = document.getElementsByTagName('p'); // 获取所有<p>标签
3. document.getElementsByClassName(name)
通过类名查找并返回一个HTMLCollection的元素列表，这个集合也是实时的。
1var elements = document.getElementsByClassName('myClassName');4. document.querySelector(selector)
返回文档中匹配指定CSS选择器的第一个元素。如果没有找到匹配的元素，则返回null。
1var element = document.querySelector('.myClass');5. document.querySelectorAll(selector)
返回文档中匹配指定CSS选择器的所有元素的一个NodeList集合。与getElementsBy方法不同，这个集合不是实时的。
1var elements = document.querySelectorAll('.myClass');6. document.getElementsByName(name)
通过元素的name属性查找并返回一个NodeList的元素列表。
1var elements = document.getElementsByName('myName');7. document.documentElement
返回文档的根元素（在HTML中是<html>标签）。
1var htmlElement = document.documentElement;8. document.body
返回文档的<body>元素。
1var bodyElement = document.body;9. document.head
返回文档的<head>元素。
1var headElement = document.head;10. document.activeElement
返回当前文档中获得焦点的元素。
1var activeElement = document.activeElement;使用注意
- document.querySelector
和document.querySelectorAll`使用的是CSS选择器，非常强大和灵活 - 返回的集合（如
NodeList和HTMLCollection）是类数组对象，可以使用forEach循环遍历，也可以使用[]索引访问。 - 这些方法通常用于DOM操作的第一步，之后可能会对找到的元素进行样式更改、事件绑定等操作。
了解和掌握这些方法对于进行前端开发和DOM操作非常重要。