HTML DOM节点的属性获取
2015-04-27 17:51
162 查看
根据实验发现,dom节点中,html节点都有下列的属性,并列举重要的属性:
例如:
var trObj = document.getElementById("id_1"); //获得一个tr dom对象
trObj.parentNode; //获得tr的父节点
trObj.firstChild; //获得tr第一个子节点
trObj.childNodes; //获得tr子节点数组
trObj.lastChild; //获得tr最后一个子节点
trObj.nextSibling; //获得tr兄弟节点(下一个)
trObj.innerHTML; //获得tr标签内部html文档,如:<td>aaa</td><td>bbb</td>
trObj.innerText; //获得trObj.innerHTML中标签之间的信息,如:aaabbb
trObj.outerHTML; //获得tr标签输出的html文档,如:<tr><td>aaa</td><td>bbb</td></tr>
trObj.outerText; //获得trObj.outerHTML中标签之间的信息,如:aaabbb
以上属性都是html标签都具有的。
例如:
var trObj = document.getElementById("id_1"); //获得一个tr dom对象
trObj.parentNode; //获得tr的父节点
trObj.firstChild; //获得tr第一个子节点
trObj.childNodes; //获得tr子节点数组
trObj.lastChild; //获得tr最后一个子节点
trObj.nextSibling; //获得tr兄弟节点(下一个)
trObj.innerHTML; //获得tr标签内部html文档,如:<td>aaa</td><td>bbb</td>
trObj.innerText; //获得trObj.innerHTML中标签之间的信息,如:aaabbb
trObj.outerHTML; //获得tr标签输出的html文档,如:<tr><td>aaa</td><td>bbb</td></tr>
trObj.outerText; //获得trObj.outerHTML中标签之间的信息,如:aaabbb
以上属性都是html标签都具有的。
相关文章推荐
- JavaScript DOM杂知识(value/innerHTML/innerText/textContent对比、nodeType/nodeName/nodeValue区别、获取任意类型的属性)
- html dom节点操作(获取/修改/添加或删除)
- html的name属性可以用来获取dom元素,表单提交数组name的写法
- 【DOM】(1)通过document获取页面节点的三个属性(nodeName、nodeType、nodeValue)
- DOM(HTML中节点的获取)
- html dom节点操作(获取/修改/添加或删除)
- DOM简介,DOM树简介,获取元素节点对象; DOM对象的常见的元素属性
- 5,jsDOM 子节点,父节点,第一个子节点,最后一个子节点,DOM获取属性,设置属性
- 利用html的name属性获取dom元素
- DOM获取属性节点
- DOM节点中获取文本易混淆的属性
- JavaScript HTML DOM节点类型之Document类型(Document对象属性和Document对象集合属性)
- DOM(包括获取元素节点的方法以及获取和设置元素节点的属性)
- (转载)html dom节点操作(获取/修改/添加或删除)
- 轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点
- HTML +DOM 获取和删除节点
- mark: firefox获取dom节点css属性
- js -- dom -- js dom html节点的属性方法
- 饿了么项目---7、ref属性注册节点信息,并获取DOM节点(1)
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)