HTML DOM(Document Object Model)学习初步

DOM是W3C的一种标准,中文名字为文件对象模型,顾名思义,定义了HTML,XML文档的对象模型,从而在脚本中可以操作文档。

根据DOM的思想,HTML整个内容都是一个对象,具有上下级,父子关系,为树状结构。

document可以叫做文档节点,element为元素节点,attribute为属性节点,text为文本节点。

节点的上级便为parent,节点的本身为child,同级为sibling。


HTML DOM方法:指的是可以在节点上执行的动作。

getElementById(ID),返回带有指定ID的节点。

appendChild(node),插入新的子节点。

removeChild(node),移除存在的子节点。


HTML DOM属性,顾名思义。。。为节点的某些特征,具有一个叫做值的东东。

innerHTML,代表节点的文本值。

nodeName,为节点名称,标签节点的nodeName属性值便是标签名,属性节点同属性名,文本节点为#text,文档节点为#document。

nodeValue,为节点值,标签节点的值为undefined或者null,文本节点为自己本身,属性节点为属性值。

nodeType为节点类型,是只读的,常见的为1元素2属性3文本8注释9文档


document.getElementById("main").getElementByTagName("p");

上一行语句代编获取某个ID是“main”的对象下面所有的标签P节点。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值