javascript对于dom的操作--得到兄弟节点 && getElementsByTagName使用方法
2015-04-03 11:06
731 查看
转自 http://www.2cto.com/kf/201207/141831.html
[html]
....
<tr><td name='subbtn' id='subbtn'>afdfa</td><td>adda</td><td>3dd</td></tr>
<tr><td>ddbb</td><td>bddd</td><td>5dd</td></tr>
<tr><td>ccdd</td><td>fdd</td><td>5d55</td></tr>
....
<script>
var sub = document.getElementById("subbtn");
var thb = document.getElementById("thid");
var ths = document.getElementsByTagName("th");
var value=ths[0].innerHTML;
thfirst=ths[0];
value=thfirst.<span style="color:#6600cc;">nextSibling</span>.<span style="color:#ff0000;">innerHTML</span>;
alert(value)
alert(sub.name)
</script>
document 树结点
parentElement 父元素
parentNode 父结点
childNodes 所有子结点 有s哦
firstChild 第一个子结点
lastChild 最后一个子结点
nextSibling 下一个兄弟结点
previousSibling 上一个兄弟结点
获得一个元素的值可以使用innerHTML.
getElementsByTagName
var item=document.getElementById('ID').getElementsByTagName("标签名称");
item[1]就是第一个标签(在IE中是第二个,IE从0开始计数)
[html]
....
<tr><td name='subbtn' id='subbtn'>afdfa</td><td>adda</td><td>3dd</td></tr>
<tr><td>ddbb</td><td>bddd</td><td>5dd</td></tr>
<tr><td>ccdd</td><td>fdd</td><td>5d55</td></tr>
....
<script>
var sub = document.getElementById("subbtn");
var thb = document.getElementById("thid");
var ths = document.getElementsByTagName("th");
var value=ths[0].innerHTML;
thfirst=ths[0];
value=thfirst.<span style="color:#6600cc;">nextSibling</span>.<span style="color:#ff0000;">innerHTML</span>;
alert(value)
alert(sub.name)
</script>
document 树结点
parentElement 父元素
parentNode 父结点
childNodes 所有子结点 有s哦
firstChild 第一个子结点
lastChild 最后一个子结点
nextSibling 下一个兄弟结点
previousSibling 上一个兄弟结点
获得一个元素的值可以使用innerHTML.
getElementsByTagName
var item=document.getElementById('ID').getElementsByTagName("标签名称");
item[1]就是第一个标签(在IE中是第二个,IE从0开始计数)
相关文章推荐
- javascript对于dom的操作--得到兄弟节点 && getElementsByTagName使用方法
- 使用JavaScript操作DOM节点元素的常用方法(创建/删除/替换/复制等)
- html dom中要查找希望操作的元素使用的方法:getElementById()和getElementsByTagName()的区别
- 【已解决】Android中用DOM方式解析xml时使用getElementsByTagName去获得节点结果为空
- JavaScript 节点操作Dom的常用属性和方法
- javascript 得到兄弟节点的方法,jquery妙用
- javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法
- Javascript下获取对象引用的两种方法之getElementsByTagName
- javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法
- 通过getElementsByTagName("div") 得到div的数量
- javascript 原生方法对dom节点的操作,创建、添加、删除、替换、插入、复制、移动等操作
- 关于Win8对getElementsByTagName等dom方法兼容性的替代方法
- (三)学习JavaScript之getElementsByTagName方法
- 使用Javascript操作DOM的一些方法--元素的访问/复制等
- 在JavaScript中操作时间之getUTCDate()方法的使用
- javascript dom操作之cloneNode文本节点克隆使用技巧
- javascript 如何正确使用getElementById,getElementsByName(), and getElementsByTagName()
- (转)Javascript如何正确使用getElementById,getElementsByName() and getElementsByTagName()
- Javascript DOM 编程艺术:dom 节点及操作节点方法
- 在JavaScript中操作时间之getUTCDate()方法的使用