您好!欢迎访问家园网-www.jy.wang!

家园网

document对象有哪些方法?

网络 作者:本站 点击:

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操作替代。

标签: