DOM 节点

最新推荐文章于 2023-05-13 18:14:09 发布
最新推荐文章于 2023-05-13 18:14:09 发布
阅读量115 收藏 1
点赞数
分类专栏： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43103115/article/details/102517464
版权

DOM 节点
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

在JavaScript中，存在有nodeName 、nodeType、 nodeValue这三个属性
nodeName
nodeName 属性含有某个节点的名称。

  • 元素节点的 nodeName 是标签名称
  • 属性节点的 nodeName 是属性名称
  • 文本节点的 nodeName 永远是 #text
  • 文档节点的 nodeName 永远是 #document
    注释：nodeName 所包含的 html 元素的标签名称永远是大写的.
    nodeValue
    对于文本节点，nodeValue 属性包含文本。
    对于属性节点，nodeValue 属性包含属性值。
    nodeValue 属性对于文档节点和元素节点是不可用的。
    nodeType
    nodeType 属性可返回节点的类型。
    最重要的节点类型是：
    元素类型 节点类型
    元素 element 1
    属性 attr 2
    文本 text 3
    注释 comments 8
    文档 document 9
    在这里插入图片描述
纨_绔
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM节点
XiaLuoCXY的博客
12-15 1548
1.1-DOM节点介绍 1.什么是节点：在HTML文档中，一切皆节点（HTML文档本身、标签、属性、注释内容、文本） 2.什么是元素：元素在HTML中叫做标签，在JS的dom对象中称为元素（可以理解为标签的面向对象的叫法） 3.HTML标签属于节点的一种，叫做元素节点 4.节点三要素： 节点类型：标签、属性、注释、文本 节点名称：p、div、class（标签名） 节点的值：one（属性的值） .DOM节点操作重点记
删除DOM节点
AOOOOO李
03-05 793
删除节点 删除节点的步骤，先获取父节点，在通过父节点删除自己 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>p1</h1> <p id="p1">p2<.
JavaScript 获取DOM 节点
weixin_47556601的博客
02-15 1254
大家好，今天给大家分享一下JavaScript 获取DOM节点 DOM（Document Object Model 文档对象模型）定义了访问和操作文档的标准方法。 整个浏览器网页就是一个Dom树形结构 这里边有4个主要的点： 1.更新; 更新Dom节点 2.遍历dom节点： 得到Dom节点 删除;删除一个Dom节点 添加： 添加一个新的节点 要操作一个Dom 节点，就必须先获得这个 Dom节点 看源码： <!DOCTYPE html> <html lang="e
DOM节点类型及其属性和方法
叶子yes的博客
08-23 5495
DOM是JS操作网页的接口，全称为“文档对象模型它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。文档——文档表示的就是整个的HTML网页文档对象——对象表示将网页中的每一个部分都转换为了一个对象模型——使用模型来表示对象之间的关系，这样方便我们获取对象文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。
JavaScript 插入Dom节点
weixin_47556601的博客
02-15 4320
大家好，今天我们来分享JavaScript 插入Dom节点 首先我们要知道， 不管我们对Dom节点进行什么样的操作，都必须先获取这个节点，假如说，这个dom节点是空的，我们可以通过innerHTML就可以增加一个元素，假如这个dom节点不存在，那这样做就不行了，否则会造成覆盖（就是会将原先的数据改掉） 写源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
DOM节点类型
qq_56973906的博客
07-17 799
DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。
JavaScript 删除Dom节点
weixin_47556601的博客
02-15 6834
大家好，今天我们来分享一下JavaScript 删除Dom节点 在JavaScript当中，删除节点的步骤： 先获取到父节点，再通过父节点来删除自己（子节点） 这里，提醒一下，自己不可以删除自己 看源码： ```bash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&gt
DOM节点详解
weixin_44691513的博客
06-20 961
DOM节点之Node详解 定义 DOM(文档对象模型) 是针对HTML和XML文档的一个API(应用程序编程接口) DOM描绘的是一个层次化的节点树，允许开发人员添加，修改和移除页面的某一部分 Node类型 属性：1、nodeType ， 表示节点类型 规则： 1 -->Element类型 3 -->Text类型 8 -->Comment类型 9 -->Document类型 2、 childNodes ，表示子节点集合，可以使用slice方法将NodeL
查找DOM节点的方式
weixin_63712639的博客
02-25 1157
1.固定节点查找 头部:document.head 身体:document.body 整个HTML:docment.documentElement 2.按照元素关系查找 所有子元素:children 第一个子元素:firstElementChild 最后一个子元素:lastElementChild 父元素:parentElement 上一个兄弟元素:previou...
HTML的DOM节点
ge_ziye的博客
05-13 1521
DOM Nodes（DOM 节点）
基本DOM节点操作
11-26
1、获取元素节点 getElementById()：获取指定唯一id的元素。 getElementByTagName()：获取指定元素标签名的元素数组。 getElementByName()：获取具有指定属性name的元素数组。 2、子节点 element.childNodes：返回该...
Vue Render函数创建DOM节点代码实例
10-15
在Vue中，`render` 函数接收一个参数 `createElement`，这个函数是用于创建虚拟DOM节点的。在上述代码实例中，我们可以看到如何使用 `createElement` 创建DOM元素： 1. **属性传递**：`createElement` 接受一个标签...
React如何将组件渲染到指定DOM节点详解
08-29
React 如何将组件渲染到指定 DOM 节点详解 React 框架是一个基于组件的框架，它提供了一种简单的方式来构建用户界面。但是，在某些情况下，我们需要将组件渲染到指定的 DOM 节点中，而不是默认的根节点。这篇文章将...
利用vue.js插入dom节点的方法
10-20
然而，有时我们确实需要在特定场景下插入DOM节点。本篇文章将详细讲解如何在Vue.js中插入DOM节点，并探讨其与jQuery操作DOM的不同之处。 首先，Vue.js 提供了 `$mount` 方法用于创建组件实例并挂载到DOM中。例如，...
js位运算 源码 补码 反码
qq_43103115的博客
11-18 1820
原码 一个数在计算机中是以二进制的形式存在的，其中第一位存放符号, 正数为 0, 负数为 1。原码就是用第一位存放符号的二进制数值。 例如 2 的原码为 00000010，-2 的原码为10000010。 反码 正数的反码是其本身。负数的反码是在其原码的基础上，符号位不变，其余各位取反，即 0变 1，1 变 0。 [+3]=[00000011]原=[00000011]反 [-3]=[1000001...
js中两个变量交换值的方法
qq_43103115的博客
10-10 1480
1、 中间变量（临时变量） · 临时变量其实很好理解，通过一个中间变量进行交换值 var strA = “a”; var strB = “b”; var strC; //中间变量 strC = strB;//strC值是b strB = strA;//此时strB已经变成strA strA = strC;//让strA赋值strB的值 2、使用加减（针对数字） · var a=2,b=3; 加法算...
数据结构之一维数据结构
qq_43103115的博客
11-04 1219
一维数据结构又称线性数据结构，线性的数据结构强调的是存储与顺序；最基本的数据结构，最广泛的应用是存储 线性数据结构：比较典型的为 – 数组 链表 数组： 特性： 1、存储在物理空间上是连续的 2、底层的数组的长度是固定的（数组定长） 前端的数组常见的有两种方法生成： var arr = 【】；在创建对象时，会分配默认的元素个数，也就是说，哪怕你这个里边只放一个元素，它也会占据默认元素个...
二维数据结构
qq_43103115的博客
12-06 992
二维数组 拓扑学是一种不研究大小和长度的学科，只考虑关系 二维拓扑结构： 树：树由根结点和若干颗子树构成的。树是由一个集合以及在该集合上定义的一种关系构成的。集合中的元素称为树的结点，所定义的关系称为父子关系。父子关系在树的结点之间建立了一个层次结构。在这种层次结构中有一个结点具有特殊的地位，这个结点称为该树的根结点，或称为树根。 单个结点是一棵树，树根就是该结点本身。 树的度：一棵树中，最大...
querryString方法解析
qq_43103115的博客
10-15 679
querystring字面上的意思就是查询字符串，一般是对http请求所带的数据进行解析。querystring模块只提供4个方法： querystring.parse querystring.stringify querystring.escape querystring.unescape 这4个方法是相对应的。 首先，使用querystring模块之前，需要require进来： const...
react获取dom节点
最新发布
05-19
在 React 中获取 DOM 节点有多种方法，以下是其中的一些： 1. 使用 ref 属性 可以在组件中通过 ref 属性获取 DOM 节点。例如，可以在 render 方法中创建一个 div 元素，并将其保存到组件的 ref 属性中： ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值