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;