Javascript教程—>前端大神必经之路 10 :javascript入门笔记-认识DOM

本文详细介绍了DOM的基本概念,包括DOM节点的类型、属性和操作方法。通过getElementsByName、getElementsByTagName等方法访问元素,利用getAttribute、setAttribute进行属性操作。同时,文章讲解了如何遍历和操作节点,如访问子节点、父节点和兄弟节点,以及插入、删除和替换节点的方法。
摘要由CSDN通过智能技术生成

认识DOM


文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

将HTML代码分解为DOM节点层次图:

 

HTML文档可以说由节点构成的集合,DOM节点有:

  • 元素节点:上图中、、

    等都是元素节点,即标签。

     

  • 文本节点:向用户展示的内容中的JavaScript、DOM、CSS等文本。

  • 属性节点:元素属性,如标签的链接属性href=”http://www.imooc.com”。


节点属性

 

遍历节点树:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

beyondwild

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值