JavaScript 宿主对象2

发布时间：2024年01月06日

宿主对象

节点

在DOM当中定义各个元素对象相互之间关系的一些机构

文档树模型

DOM将我们的页面当中所有元素 文本 属性 注释等组织成为一棵树的形式，在文档树当中每一个元素 文本这些内容都可以是一个节点

属性
  • parentNode 获取某个节点的父背景
  • childNode 获取某个节点的子节点集合
  • firstChild 获取某个节点的第一个子节点
  • lastChild 获取某个节点的最后一个子节点
  • firstElementChild 获取某个节点的第一个子节点
  • lastElementChild 获取某个节点的最后一个子节点
  • nextSibling 获取下一个兄弟节点
  • previousSibling 获取上一个兄弟节点
  • nextElementSibling 获取下一个元素兄弟节点
  • previousElementSibling 获取上一个元素兄弟节点
节点nodeTypenodeNamenodeValue
元素节点1大写的标签名null
属性节点2属性名属性值
文本节点3#text文本内容
注释节点8#comment注释内容
文档节点9#commentnull
方法

对于页面中的节点进行增加、删除、替换等操作。

  • createElement(); document 创建一个元素
  • obj.appendChild(); 给obj增加一个子元素
  • createDocumentFragment(); 不需要接收参数 创建一个文档片段
  • obj.insertBefore(a,b); b元素必须是obj的子元素 将a元素插入到obj的子元素b的前边。
  • obj.removeChild(a); 将obj的子元素a删除 a必须是obj的子元素
  • replaceChild(a,b); 将obj的子元素b替换为a a可以是子元素也可以是其他
  • obj.cloneNode(boolean); 克隆obj元素 布尔值(参数)表示深度克隆（复制）
文章来源:https://blog.csdn.net/weixin_46328739/article/details/135408087
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章