DOM树的基础理解

DOM
DOM是什么?DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口,目的其实就是为了能让js操作html元素而制定的一个规范
DOM的数据结构 参考的一张图片:

在这里插入图片描述
在HTML当中,一切都是节点
元素节点:HMTL标签。
文本节点:标签中的文字(比如标签之间的空格、换行)
属性节点::标签的属性。
DOM可以做什么
找对象(元素节点)
设置元素的属性值
设置元素的样式
动态创建和删除元素
事件的触发响应:事件源、事件、事件的驱动程序
在这里插入图片描述
数组中的值只有1个 即便如此 这一个值也是包在数组里的这个值的获取方式
在这里插入图片描述

DOM的节点并不是孤立的,因此可以通过DOM节点之间的相对关系对它们进行访问,
在这里插入图片描述
DOM是一个非常重要的知识点 在后面会介绍到增删改查

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值