HTML DOM 对象的属性和方法

HTML DOM 对象方法
常用的方法

getElementById(id) ———— 获取带有指定id的节点元素。

console.log(getElementById(id) )

getElementByTagName(tagename)———– 获取相应标签元素的子元素集合,它允许吧通配符作为它的参数,“”*“”一般是放在引号中以区分乘号。返回值是伪数组。

console.log(getElementById(getElementByTagName(tagename)) )

getElementByClassName(classname) ———– 获取带有指定classname的节点,返回值是数组。

console.log(getElementById(getElementByClassName(classname))

getAttribute() ———— 返回指定的属性值。

console.log(getElementById(getAttribute())

setAttribute() ———— 设置指定属性的值。

console.log(getElementById(getAttribute())

appendChild() ———— 插入新的子节点。

coonsole.log(getElementById(getAttribute())

removeChild() ———— 删除子节点。
replaceChile() ———— 替换子节点。
insertBefore() ———— 在指定的子节点前面插入新的子节点。
createAttribute() ———— 创建属性节点。
createElement() ————- 创建元素节点。
createTextNode() ————- 创建文本节点。
HTML DOM 对象属性
nodeName 只读
元素节点的nodeName与标签名相同。
属性节点的nodeName与属性名相同。
文本节点的noneValue始终是#text。
文档节点的nodeName始终是#document。
nodeValue 属性规定节点的值
元素节点的nodeValue是undefined和null。
文本节点的nodeValue 是文本本身。
属性节点的nodeValue 是属性值。
nodeType 属性返回节点类型,只读。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容