DOM数

来源:互联网 发布:网络布线怎么报价单 编辑:程序博客网 时间:2024/05/01 10:27
DOM树
1.结点?
每个标签都dom组装成结点
标签允许有嵌套,所以结点就形成了父子关系
2.结点的属性?
nodeName:名字
nodeType:类型
元素结点   1
属性结点   2 
文本结点   3
nodeValue
对于文本节点,nodeValue属性包含文本。


对于属性节点,nodeValue属性包含属性值。


nodeValue属性对于文档节点和元素节点是不可用的。


3.结点的分类
父:parentNode
子:firstChild lastChild ,childNodes
兄弟:nextSibling previousSibling

对结点进行CURD操作
1.查找结点?
document.getElementById():根据指定的id查找唯一的结点
document.getElenmentsByName():根据name属性查找一组具有相同名称的结点
document.getElementsByTagName():根据标签名去查找一组具有相同标签名的结点
2.删除结点?
removeChild():删除元素结点,指定了由父结点去删除子结点
deleteData()从已载入的XML中的一个文本节点删除文本
removeAttribute()从已载入的XML中删除属性。
删除元素 
本例使用 removeChild()从载入的XML中删除最后一个<book>元素。 
删除属性 
本例使用removeAttribute()从已载入的XML中删除所有的"category"属性。 


HTMLDOM 表格
deleteRow(rowIndex) 从表格删除一行。 
3.添加结点?
createElement()来创建一个新的元素
setAttribute()方法来设置新的属性/属性值
createTextNode() 创建文本节点。 


HTMLDOM 在表格中添加结点
insertRow() 在表格中插入一个新行。 tr
insertCell() 在一行中的指定位置插入一个空的 <td> 元素。 


4.修改或替换结点?
replaceChild()替换结点

克隆结点 cloneNode(true);//true代表复制子结点,false不会复制子结点



0 0
原创粉丝点击