同时 dom可作为documen继续使用

方法描述返回类型
document.getElementById(id)
通过id获取dom
符合条件的dom对象
document.getElementsByTagName(tagName)通过标签名获取dom
符合条件的所有dom对象组成的类数组
document.getElementsByClassName(class)通过class获取dom
符合条件的所有dom对象组成的类数组
document.getElementsByName(name)通过标签的属性name获取dom
符合条件的所有dom对象组成的类数组
document.querySelector(选择器)通过选择器获取dom
符合条件的第一个dom对象
document.querySelectorAll(选择器)通过选择器获取dom
符合条件的所有dom对象组成的类数组

标题描述createElement创建一个标签节点createTextNode创建一个文本节点cloneNode(deep)复制一个节点,连同属性与值都复制,deep为true时,连同后代节点一起复制,不传或者传false,则只复制当前节点createDocumentFragment创建一个文档碎片节点appendChild追加子元素insertBefore将元素插入前面removeChild删除子元素replaceChild替换子元

操作DOM元素

标题描述
createElement创建一个标签节点
createTextNode创建一个文本节点
cloneNode(deep)复制一个节点,连同属性与值都复制,deep为true时,连同后代节点一起复制,不传或者传false,则只复制当前节点
createDocumentFragment创建一个文档碎片节点
appendChild追加子元素
insertBefore将元素插入前面
removeChild删除子元素
replaceChild替换子元素
getAttribute获取节点的属性
createAttribute创建属性
setAttribute设置节点属性
romoveAttribute删除节点属性
element.attributes将属性生成类数组对象

作者 译文

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注