js高级程序设计笔记16

DOM

1.Element(nodeType=1)

nodeType //1
nodeName //标签名(也可以使用TagName)
nodeValue //null
parentNode //Document 或者 Element

#取得特性
element.getAttribute('id') //class,title,lang...

#设置特性
element.setAttribute('id','myId') 

#attributes属性

var id = element.getNamedItem('id').nodeValue;
removeNamedItem(name)
setNamedItem(node)
item(pos)

#attributes可以用length访问长度然后遍历

创建元素

var div = document.createElement('div');
div.id = 'myDiv';
document.body.appendChild(div);//插入body中

或者
var div = document.createElement('<div id=\"myDiv\"></div>')

2.Text(nodeType = 3)

nodeName // '#text'
nodeValue //节点所包含的文本
parentNode // element

appendData(text) //将text添加到节点末尾
deleteData(offset,count) //从offset指定位置开始删除count个字符
instertData(offset,count)
replaceData(offset,count,text)
spliteText(offset)
subStringData(offset,count)

创建文本节点

document.createTextNode()

合并

element.normalize() //合并相邻的文本节点

3 Comment(nodeType=8)

#注释类型
<div><!--a comment--></div>
var comment = div.firstChild;
comment.data // 'a comment'