DOM访问元素 创建节点 innerHTML

本文深入探讨了如何使用DOM API进行页面元素的选择、访问及其属性操作,包括获取元素的数量、标签名、值以及判断元素是否存在子节点,并展示了如何通过ID获取特定元素以及创建和插入新节点的方法。

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

DOM访问元素
document.getElementsByTageName(tagname)相关属性和方法
var obj = document.getElementsByTageName(tagname);
obj.length();//数组长度
obj[0].tagName;//标签名
obj[0].nodeValue;//标签值
obj[0].hasChildNodes()//是否有子结点
obj[0].childNodes[0].value

document.getElementById("id");


DOM创建新节点:
var obj = document.createElement("p");//新建<p>节点
var obj2 = document.createTextNode("text content");//创建一个文本节点
obj.appendChild(obj2);//将obj2节点赋予obj节点
document.body.appendChild(obj);//将obj节点赋予body节点


innerHTML:表示标签之间的所有内容,可以读可以写
document.getElementById("id").innerHTML();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值