什么是DOM? 什么是节点?常用的节点类型有哪些? DOM中的API?

1. 什么是DOM?
DOM: Document Object Model,全称文档对象模型,简称DOM模型, DOM树。它是JS操作网页(HTML文档)的接口API(函数,方法),它的作用是将网页上各种元素(标签)转为相应的JS对象,从而可以使用JS对象对网页进行各种操作(比如增删内容)。

浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。所以DOM模型也称为DOM树。

2. 什么是节点?常用的节点类型有哪些?
DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成。
节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。节点类型不同,这三个属性的值也不相同。

常用的节点包括:文本节点,元素节点,属性节点,其他的节点类型了解。

3. DOM中的API?(重点)
获取/查询DOM:
修改DOM:
删除DOM:btn.οnclick=''/btn.οnclick=null
添加/插入DOM:btn.οnclick=function(){
          console.log("ddd");
      }
移除事件函数:btn.removeEventListener("click",fff)

控制元素内容:
控制元素属性:
控制元素样式属性:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值