Document对象提供了多种方法用于操作HTML文档内容,主要包括以下核心方法:
元素获取方法
getElementById(id):通过ID获取单个元素节点getElementsByTagName(tagName):通过标签名获取元素集合getElementsByClassName(className):通过类名获取元素集合querySelector(selector):通过CSS选择器获取第一个匹配元素querySelectorAll(selector):通过CSS选择器获取所有匹配元素
节点操作方法
createElement(tagName):创建指定标签的元素节点createTextNode(text):创建文本节点createAttribute(name):创建属性节点adoptNode(node)/importNode(node):节点导入方法
文档写入方法
write(text):动态写入HTML内容writeln(text):写入内容并追加换行符open()/close():打开/关闭文档输出流clear():清除文档内容
事件处理方法
addEventListener(type, listener):事件监听注册removeEventListener(type, listener):移除事件监听dispatchEvent(event):触发指定事件
其他实用方法
execCommand(command):执行编辑命令getSelection():获取文本选区对象elementFromPoint(x,y):获取指定坐标点的元素hasFocus():检测文档是否获得焦点
这些方法覆盖了文档结构操作、内容修改、事件处理等核心功能,其中元素选择方法如querySelector和事件监听方法addEventListener在现代前端开发中使用频率最高。
部分传统方法如write()因会覆盖整个文档而逐渐被DOM操作替代。