1document的用法
document.querySelector() 是一个 JavaScript 方法，用于从文档中选择第一个匹配指定 CSS 选择器的元素
var element = document.querySelector(selector);
selector 是一个 CSS 选择器，用于选择要获取的元素。
返回文档中与指定选择器匹配的第一个元素，如果找不到匹配的元素，则返回 null。
getElementById(): 通过元素的 ID 获取元素。
// 通过 ID 获取元素
var elementById = document.getElementById('myElementId');
// 通过类名获取元素集合
var elementsByClassName = document.getElementsByClassName('myClassName');
// 通过标签名获取元素集合
var elementsByTagName = document.getElementsByTagName('div');
// 通过 CSS 选择器获取匹配的第一个元素
var firstElement = document.querySelector('.myClass');
// 通过 CSS 选择器获取匹配的所有元素
var allElements = document.querySelectorAll('.myClass');
getElementsByClassName(): 通过类名获取元素集合。
getElementsByTagName(): 通过标签名获取元素集合。
querySelector(): 通过 CSS 选择器获取匹配的第一个元素。
querySelectorAll(): 通过 CSS 选择器获取匹配的所有元素。
createElement(): 创建一个新的元素节点
var newElement = document.createElement('div');
appendChild(): 将一个新的子节点添加到指定元素的子节点列表的末尾。
insertBefore(): 在指定的子节点前插入新的子节点。
parentElement.appendChild(newElement);
parentElement.insertBefore(newElement, referenceElement);
removeChild(): 从其父节点中删除一个子节点
parentElement.removeChild(childElement);
document.title: 获取或设置文档标题。
document.URL: 获取文档的 URL。
document.domain: 获取或设置文档的域名。
var title = document.title;
var url = document.URL;
var domain = document.domain;
