javaScript操作DOM对象

本文深入解析了DOM的三种类型,包括DOMCore、HTML-DOM和CSS-DOM,并详细介绍了节点及其关系,如元素节点、文本节点、属性节点等。同时,文章还讲解了节点属性、节点信息以及如何通过getAttribute和setAttribute进行属性操作。此外,还涉及了节点的创建、插入、删除和替换,以及节点样式的调整。

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

一、DOM三类:

  DOM Core

  HTML-DOM

  CSS-DOM

二、节点和节点关系

  整个文档是一个节点

  每个HTML标签是一个元素节点

  包含在HTML元素中的文本是文本标签

  每个HTML属性是一个属性节点

  注释属于注释节点

 

  在树节点中,顶部节点称为根

  每个节点都有父节点,除了根

  一个节点可以拥有任意数量的子节点

  同胞节点是拥有相同父节点的节点

三、节点属性

四、element属性

五、节点信息

  nodeName(节点名称)

  nodeValue(节点值)

  nodeType(节点类型)

  节点类型

  

六、操作节点的属性

  getAttribute("属性名")   获取属性的值

  setAttribute("属性名","属性值")   用来设置属性的值

七、新建和插入节点

  

  cloneNode(deep)中的参数为布尔值,为true时,复制该节点和所有子节点,为false,只复制该节点和其属性

八、删除和替换节点

九、节点样式

style对象的常用属性

常用事件

 

转载于:https://www.cnblogs.com/whtt/p/10979199.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值