面试知识点总结 - js DOM

1. 节点

1) 概念:
  1. 文档是由多层节点构成的树形结构,节点分为几种不同类型
  2. 文档节点Document是每个文档的根节点,只有一个子元素即<html>元素(元素节点),document对象为HTMLDocument的实例
  3. DOM中所有节点都继承Node类型
2) DOM中的对象类型:
  1. Object->EventTarget->Node->Document->HTMLDocument->document
  2. Object->EventTarget->Node->Element->HTMLElement
3) 节点的属性:
  1. nodeType、nodeName、nodeValue
  2. parentNode、childNodes(当前节点的所有子节点,保存着NodeList对象,是类数组对象,实际上是基于DOM结构动态执行查询的结果,因此DOM结构的变化能够自动反映在NodeList对象中)
  3. nextSibling、previousSibling、firstChild、lastChild
4) 节点的方法:
  1. appendChild()、insertBefore()、replaceChild()、removeChild()都是操作childNodes属性的
  2. appendChild(新增的节点):向当前节点的所有子节点childNodes列表中的末尾添加一个节点
  3. insertBefore(添加的节点,添加的位置):向childNodes列表中的指定位置之前添加指定节点
  4. replaceChild(添加的节点,指定节点):替换childNodes列表中的指定节点为添加的节点
  5. removeChild(指定节点):删除childNodes列表中的指定节点
  6. cloneNode(指定节点,true/false是否深复制):复制指定节点
  7. importNode(指定节点,true/false是否深复制):跨文档复制指定节点
  8. normalize():处理文档树中的文本节点,若果找到了空文本及诶单,则删除它;如果找到相邻的文本节点,则将他们合并为一个文本节点
5) 节点类型(nodeType):
  1. Node.ELEMENT_NODE(1):Element(元素节点)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值