DOM节点【DOM】

最新推荐文章于 2023-03-01 21:56:48 发布
最新推荐文章于 2023-03-01 21:56:48 发布
阅读量421 收藏
点赞数
分类专栏： DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ1012421396/article/details/77431796
版权

DOM节点类型共有12种：

元素节点            　　Node.ELEMENT_NODE(1)
属性节点            　　Node.ATTRIBUTE_NODE(2)
文本节点            　　Node.TEXT_NODE(3)
CDATA节点            Node.CDATA_SECTION_NODE(4)
实体引用名称节点    　　 Node.ENTRY_REFERENCE_NODE(5)
实体名称节点        　　Node.ENTITY_NODE(6)
处理指令节点        　　Node.PROCESSING_INSTRUCTION_NODE(7)
注释节点            　 Node.COMMENT_NODE(8)
文档节点            　 Node.DOCUMENT_NODE(9)
文档类型节点        　　Node.DOCUMENT_TYPE_NODE(10)
文档片段节点        　　Node.DOCUMENT_FRAGMENT_NODE(11)
DTD声明节点            Node.NOTATION_NODE(12)

以下常用的3种：

    元素节点

         nodeName = 这个元素的名称
        nodeType = 1
        nodeValue = null

    属性节点

        nodeName = 这个属性的名称
        nodeType = 2
        nodeValue = 这个属性的值

    文本节点 

nodeName = #text
nodeType = 3
nodeValue = 这个文本节点的内容

请叫我木丁西
关注
专栏目录
DOM节点
XiaLuoCXY的博客
12-15 1567
1.1-DOM节点介绍 1.什么是节点：在HTML文档中，一切皆节点（HTML文档本身、标签、属性、注释内容、文本） 2.什么是元素：元素在HTML中叫做标签，在JS的dom对象中称为元素（可以理解为标签的面向对象的叫法） 3.HTML标签属于节点的一种，叫做元素节点 4.节点三要素： 节点类型：标签、属性、注释、文本 节点名称：p、div、class（标签名） 节点的值：one（属性的值） .DOM节点操作重点记
React如何将组件渲染到指定DOM节点详解
08-29
React 如何将组件渲染到指定 DOM 节点详解 React 框架是一个基于组件的框架，它提供了一种简单的方式来构建用户界面。但是，在某些情况下，我们需要将组件渲染到指定的 DOM 节点中，而不是默认的根节点。这篇文章将...
基本DOM节点操作
11-26
1、获取元素节点 getElementById()：获取指定唯一id的元素。 getElementByTagName()：获取指定元素标签名的元素数组。 getElementByName()：获取具有指定属性name的元素数组。 2、子节点 element.childNodes：返回该...
利用vue.js插入dom节点的方法
10-20
然而，有时我们确实需要在特定场景下插入DOM节点。本篇文章将详细讲解如何在Vue.js中插入DOM节点，并探讨其与jQuery操作DOM的不同之处。 首先，Vue.js 提供了 `$mount` 方法用于创建组件实例并挂载到DOM中。例如，...
Vue Render函数创建DOM节点代码实例
10-15
在Vue中，`render` 函数接收一个参数 `createElement`，这个函数是用于创建虚拟DOM节点的。在上述代码实例中，我们可以看到如何使用 `createElement` 创建DOM元素： 1. **属性传递**：`createElement` 接受一个标签...
Dom节点
kbdmy的博客
08-25 311
Dom是Document Object Model（文档对象模型）的缩写 在HTML DOM中HTML文档中所有内容都被视为节点，DOM被视为节点树的HTML。 节点分为父节点子节点和同胞，一个文档中可以有多个父节点和子节点 <html> <head> <title>DOM 结构</title> </head? <body> &lt...
Dom节点操作
weixin_44809439的博客
08-10 252
父子兄层级关系 父 node.parentNode parentNode 属性可返回某节点的父节点，注意是最近的一个父节点 如果指定的节点没有父节点则返回 null 。 子 parentNode.childNodes（标准） parentNode.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的集合。 注意：返回值里面包含了所有的子节点，包括元素节点，文本节点等。 如果只想要获得里面的元素节点，则需要专门处理。 所以我们一般不提倡使用childNodes parentNode
js dom操作
m0_71858591的博客
08-09 214
关于js中dom的运用
js的DOM节点
yijiupingfan0914的博客
08-09 322
节点属性 在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型 一、nodeName 属性: 节点的名称，是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 n...
DOM基础（节点）
weixin_57920269的博客
03-01 1097
节点获取、创建并添加节点、删除节点、克隆节点、节点创建最优
js dom 操作节点
weixin_43885123的博客
12-01 247
js dom 操作节点 html里的节点分为： 1.元素节点 2.属性节点 3.文本节点 4.注释节点 首先我们先创建一个div个一个按钮，用来做下面的操作： 创建并添加节点： createElement() ----------------创建一个元素节点 appendChild()-------------------将新节点追加到子节点列表的末尾 当我们点击按钮的时候，会添加一个p标签到di...
DOM 查找节点
疏狂吧
08-01 2598
DOM 对象，用来操作 html 和 xml功能的一类对象的集合 （注意：css不可以被操作） 标签也就是 DOM 元素 查： 选择元素 方法的操作： documnet 代表整个文档 document.getElementById(); 【按Id名选择 一个】 //html &amp;amp;amp;amp;lt;div id=&amp;amp;amp;quot;only&amp;amp;amp;quot;&amp;amp;amp;amp;gt;hello
DOM中的节点详解
dwjdj的博客
02-11 178
/*总结: *文档:document *元素:页面中所有的标签(元素-----element,标签----元素---对象) *结点:页面中所有的内容(标签，属性，文本[文字,换行,空格,回车])[node] *根元素:html标签 *节点的属性:(可以使用标签[元素].出来,可以使用属性节点.出来,文本节点.点出来) *nodeType:节点的类型-...
删除DOM节点 DOM节点绑定的事件会被移除吗
最新发布
07-15
删除 DOM 节点时，DOM 节点上绑定的事件监听器不会自动移除。这意味着，如果你删除了一个绑定了事件监听器的节点，这些事件监听器仍然会存在于内存中，可能会导致内存泄漏。 为了彻底移除 DOM 节点上的事件监听器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值