js10属性节点

dom树 tree

一个dom对象的组成

1）元素节点 nodeType 1

oBox.nodeType

2）属性节点 nodeType 2

oBox.attributes["class"].nodeType

3）文本节点 nodeType 3

oBox.childNodes[0].nodeType

查看节点的类型：nodeType

查看节点的名称：nodeName

通过nodeName获取的节点名称都是大写的

查看节点的值：nodeValue

// attributes 获取当前元素下,所有的属性 // getAttribute("属性名称") 属性的值 // setAttribute(" 属性名称" ,"属性的值") // removeAttribute( ) var oBoX = document. getElementById("box" ); // console. log( oBox. attributes); // console. 1og(oBox . attributes[0]. nodeValue); // console. log(oBox . attributes.class . nodeValue); // console. log( oBox. getAttribute("class")); oBox. setAttribute("style", "border:1px solid red");

//状态属性checked, selected, disabled, ed结尾,就不可以 //使用setAttribute() getAttribute() removeAttribute

所有英文

// nodeType 节点类型 // nodeName 节点名称(值大写) // nodeValue节点的值

// attributes // getAttribute() 获取属性 // setAttribute() 设置属性 // removeAttribute() 删除属性

// checked, selected, disabled 状态属性 true/false // parentNode父节点 // parentElement 父元素 // childNodes 包含元素节点和文本节点w3C // children ie 6 7 8包含注释 微软 // firstElementChild|| firstChild 第 一个儿子 // lastElementChild ||lastChild 最后一个儿子 // nextElementSibling||nextSibling 后一个兄弟 // previousElementSibling||previousSibling 前一个 兄弟

//document. createElement() 创建节点 //document. createTextNode() 创建文本节点 //document . createComment() 创建注释节点 nodeType为8

//父.appendChild(子) 追加节点 小儿子 //父.insertBefore(新的元素,参照位置) //父.replaceChild(新节点,被替换的节点)替换 //父.removeChild(子节点)删除节点 //子.remove() 自杀 //cloneNode()克隆节点