javascript对于dom的操作--得到兄弟节点 && getElementsByTagName使用方法

本文介绍了如何通过JavaScript操作DOM树来获取和设置HTML页面中元素的值。具体包括使用getElementById, getElementsByTagName等方法选取元素,以及通过innerHTML属性获取元素内容。同时,也讲解了如何遍历DOM树的各个组成部分。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

....
<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.nextSibling.innerHTML;
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开始计数)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值