04-document节点

nobility 发布于 2022-09-19 03-DOM 302 次阅读


document节点

document对象继承了EventTarget接口、Node接口和ParentNode接口

实例属性

快捷元素选择属性

方法名 描述
document.doctype 文档声明节点
document.documentElement HTML根元素
document.body body元素节点
document.head head元素节点
document.activeElement 当前获得焦点的元素节点
document.fullscreenElement 当前全屏状态的元素节点

节点集合属性

属性名 描述
document.links HTMLCollection结构存储着页面设置了href属性的a标签节点
document.forms HTMLCollection结构存储着页面中的form表单元素节点
document.images HTMLCollection结构存储着页面中的img图片元素节点
document.embeds HTMLCollection结构存储着页面中的embed标签节点
document.scripts HTMLCollection结构存储着页面中的script标签节点
document.styleSheets HTMLCollection结构存储着页面中的style标签节点

文档信息属性

属性名 描述
document.URL 存储当前文档URL地址
document.title 存储着文档标题
document.characterSet 存储着文档字符编码
document.referrer 存储着文档访问者来着那里
document.cookie 存储着文档的cookie信息

实例方法

选择元素方法

方法名 描述
document.getElementsByTagName(tag) 标签选择器,以HTMLCollection形式返回所有选中的标签元素
document.getElementsByClassName(className) 类名选择器,以HTMLCollection形式返回所有选中的标签元素
document.getElementsByName(name) name选择器,选择具name属性并且是该选择器值的标签元素
document.getElementById(id) id选择器,选择具有id属性并且是该选择器值的标签元素

创建元素方法

方法名 描述
document.createElement(tag) 创建元素节点,包括自定义标签;就是标签名不要加尖括号,否则会报错
document.createTextNode(str) 创建文本节点,会自动转义HTML标签
document.createAttribute(attr) 创建属性节点
document.createComment(com) 创建注释节点
document.createEvent(event) 创建事件对象
加油啊!即便没有转生到异世界,也要拿出真本事!!!\(`Δ’)/
最后更新于 2022-09-19