html的dom对象属性,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 属性返回节点类型，只读。