js学习6(DOM)

目录

DOM树

结构图


 

DOM树

1. 要想控制操作html,那么就要把整个html文档做好解析,解析好还要为之建立模型对象库从而实现控制操作;
2. 本来html的形式就可以看做标签元素构建的树;
3. 为了控制整个html文档,要把标签元素、元素文本、元素属性甚至注释等等相关的都要分别作为模型对象(节点);
4. 可以说DOM树是整个js的核心,一切语法都是围绕这可“树”来进行的,html文档中的一切都是这棵树的节点;
5. document对象就是整个DOM树的根节点,节点类型称为文档节点;

结构图

节点类型和节点通用

042e18730faa43dbb2b8234ff52888e2.png

常用元素节点操作

07f0ae6397c4444fb55743b9f7a322ee.png

 文本节点和属性节点 

dcb89583a8b44451bd9d3f641743a60d.png

元素节点

参考考链接:https://blog.csdn.net/u012060033/article/details/89713108(作者:爱吃牛肉的打老虎)

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值