关于 DOM 的理解

什么是 DOM

DOM === 想象的树型结构模型

DOM 提供的 API 的作用就是修改或者查看 HTML 代码;

DOM 的 D 指的是Document,可以认为是 HTML 文档;

DOM 中的 O 指的是 Object,他是在内存中,按照树型结构,通过构造函数(如 Node, Document, Element, Text, Comment),构造出对象,将 DOM 展现到内存中;

DOM 的 M 指的是 Model,因为在 HTML 结构在内存中用一个模型来表示,这个模型就是树型结构。

使用 DOM

JavaScript 将 HTML 文档渲染成 DOM 的树型结构。

获取 DOM 的节点:

  • 直接在 DOM 寻找: document.querySelector(aabb)document.querySelectorAll(aabb)
  • 通过节点关系获得节点:
    兄弟关系 儿子关系 父关系

了解 DOM 的节点:

Node.nodeName  
Node.nodeType  
Node.textContent
复制代码

创建 DOM 的节点:

document.createElement("div")
// 生成 Element 节点
复制代码
document.createTextNode("你好")
// 生成 Text 节点
复制代码

转载于:https://juejin.im/post/5cadda9f5188251ac72334f5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值