一、document API
document.getElementById(id): 通过元素的 id 获取对应的 DOM 元素。document.getElementsByClassName(className): 通过类名获取一组具有相同类名的 DOM 元素。document.getElementsByTagName(tagName): 通过标签名获取一组具有相同标签名的 DOM 元素。document.querySelector(selector): 通过 CSS 选择器获取满足条件的第一个 DOM 元素。document.querySelectorAll(selector): 通过 CSS 选择器获取满足条件的所有 DOM 元素。document.createElement(tagName): 创建一个新的元素节点。document.createTextNode(text): 创建一个包含文本内容的文本节点。document.appendChild(childNode): 将一个节点添加为另一个节点的子节点。document.removeChild(childNode): 从父节点中移除一个子节点。document.parentNode: 获取当前节点的父节点。document.childNodes: 获取当前节点的所有子节点。document.documentElement: 获取文档的根元素。document.body: 获取文档的 body 元素。document.title: 获取或设置文档的标题。document.URL: 获取文档的 URL。document.head: 获取文档的 head 元素。
一、element API
element.addEventListener(event, listener): 为元素添加事件监听器。element.removeEventListener(event, listener): 移除元素的事件监听器。element.setAttribute(attribute, value): 设置元素的属性值。element.getAttribute(attribute): 获取元素的属性值。element.removeAttribute(attribute): 移除元素的属性。element.classList: 提供对元素类名的操作，如添加、删除、切换类名等。element.style: 获取或设置元素的样式。element.innerHTML: 获取或设置元素的 HTML 内容。element.innerText: 获取或设置元素的纯文本内容。element.value: 获取或设置表单元素的值。element.children: 获取元素的子元素集合。element.parentNode: 获取元素的父节点。element.previousSibling: 获取元素的前一个兄弟节点。element.nextSibling: 获取元素的后一个兄弟节点。element.firstChild: 获取元素的第一个子节点。element.lastChild: 获取元素的最后一个子节点。element.offsetWidth: 获取元素的宽度（包括边框和内边距）。element.offsetHeight: 获取元素的高度（包括边框和内边距）。element.focus(): 将焦点设置到元素上。element.blur(): 将焦点从元素上移除。element.scrollIntoView(): 将元素滚动到可见区域内。
三、event API
event.preventDefault(): 阻止事件的默认行为。event.stopPropagation(): 阻止事件的传播。event.target: 获取触发事件的元素。event.currentTarget: 获取当前事件的监听器所绑定的元素。event.type: 获取事件的类型。event.key: 获取触发键盘事件的按键值。event.keyCode: 获取触发键盘事件的按键的键码值。event.clientX: 获取鼠标事件的横坐标。event.clientY: 获取鼠标事件的纵坐标。event.pageX: 获取鼠标事件相对于整个文档的横坐标。event.pageY: 获取鼠标事件相对于整个文档的纵坐标
这些 API 可以帮助开发者在网页中动态地操纵和修改元素、响应用户事件等。根据不同的浏览器和 JavaScript 版本可能会有所差异，建议在开发过程中参考相关文档和规范。
