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()替换结点
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
- DOM数
- 获取页面DOM数脚本
- GeckoFx (4)使用 treeview 展示 dom 数树
- DOM
- DOM
- dom
- dom
- DOM
- dom
- DOM
- DOM
- DOM
- DOM
- DOM
- dom
- dom
- Dom
- dom
- linux日志logger命令详解
- 定时销毁对象
- Spring的《注解装配》- @autowired
- vs2015 编译google v8
- 五年前,John Carmack对Oculus Rift的一次评测
- DOM数
- 点击出气泡
- 发短信小项目
- 仿微信欢迎界面
- saprk core 2.0 Partition CheckpointRDDPartition
- 写网页常用
- DW常用
- 天使投资人给创业者的一封信
- div使用