DOM三种节点区分

最新推荐文章于 2022-04-16 19:15:00 发布

dbyt45595

最新推荐文章于 2022-04-16 19:15:00 发布

阅读量329

点赞数

原文链接：http://www.cnblogs.com/Annguowenhua/p/4955789.html

版权

DOM节点分为元素节点，文本节点和属性节点，下面通过一些代码阐述三者区别。

 1 <html>
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 4 <title>DOM</title>
 5 </head>
 6 <body>
 7     <p>You are my boy friend.</p>
 8     <p title="This is a gentle reminder">Let me to be the happiest girl.</p>
 9 </body>
10 </html>

元素节点：<html>,<body>,<title>,<ul>等，nodeType:1

属性节点：title="This is a gentle reminder“;总是被包含在起始标签里。再比如，class属性，id属性，alt属性，title属性等等 nodeType:2

文本节点：“You are my boy friend.","Let me to be the happiest girl."(包含在元素节点内部，一般为文字，但并非所有的元素节点都包含文本节点，比如<ul><li>你好</li></ul>，ul包含<li>但只有<li></li>中才包含文本节点"你好"） nodeType:3

转载于:https://www.cnblogs.com/Annguowenhua/p/4955789.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dbyt45595

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
DOM三种节点区分

DOM节点分为元素节点，文本节点和属性节点，下面通过一些代码阐述三者区别。 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 4 <title>DOM</title> 5 </...
复制链接

扫一扫

详谈DOM简介及节点、属性、查找节点的方法

11-26

DOM，即Document Object Model，是一种标准化的、与语言无关的编程接口，用于处理XML和HTML文档。DOM将文档解析为一个可操作的对象模型，允许开发者通过JavaScript或其他支持DOM的脚本语言来创建、访问和修改文档...

DOM 脚本编程中的兄弟节点

12-12

首先，节点的`nodeType`属性是区分不同类型的节点的关键。在DOM中，有多种类型的节点，如元素节点（类型为1）、文本节点（类型为3）和注释节点（类型为8）。在描述中提到，非IE浏览器会将换行符视为文本节点，因此在...

参与评论您还未登录，请先登录后发表或查看评论

dom三种类型节点

lpm528的博客

01-11

232

dom三种类型节点

JavaScript DOM 三

lufazhi的专栏

01-19

287

JavaScript DOM 编程艺术第三章这章主要讲述DOM的真正含义，详细描述M的内容。一、D既是document，文档的意思；O既是object对象，对象的意思。浏览器最外层包着一个window对象，window对象中，需要显示内容document，所以在编程的过程中，一般只要操作document对象即可。二、M既是model模型的意思；模型相对于对象来说就是一个实例，对于web浏览

DOM中的三种类型的节点：元素节点，属性节点，文本节点

wyfalj的博客

05-09

3829

节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是： nodeName（节点名称）nodeValue（节点值）nodeType（节点类型） nodeType nodeType 属性可返回节点的类型。最重要的节点类型是：在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解 1：元素节点

认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别

最新发布

08-19

在JavaScript语法方面，它是一种解释型语言，与编译型语言如Java或C++不同，JavaScript代码不需要编译器，只需要解释器就能运行。JavaScript允许隐式变量声明，即可以直接对变量赋值，系统会自动声明该变量。变量名...

DOM模型有三种

weixin_30346033的博客

06-07

111

转载于:https://www.cnblogs.com/ainek...

3.1: DOM操作的分类

confirmAname的专栏

01-02

1173

一般来说，DOM操作分为3个方面，即DOM-Core，HTML-DOM和CSS-DOM。 1. DOM-Core： DOM-Core并不专属于JavaScript，任何一种支持dom的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种标记语言编写出来的文档，例如XML。 JavaScript中的getElementById(),getElementsByTagNam

初学JavaScript：HTML DOM

lalala_dxf的博客

04-16

1140

DOM 简介 DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）（可以理解为对一个网页节点进行增删操作，一个节点可以是一对html标签，也可以是一对span标签）。拆分理解下： • 文档 – 文档表示的就是整个的HTML网页文档，也就做结构树 • 对象 – 对象表示将网页中的每一个部分都转换为了一个对象。 • 模型 – 使用模型来表示对象之间的关系，这样方便我们获取对象文档对象

DOM结构（DOM树）

侯阮悦的博客

08-03

7282

DOM 文档类型DOM（Document Object Model）主要用于HTML文档和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过节点的操作，来实现对文档内容进行增删改查。 1.DOM（Document Object Model）：文档对象模型文档：HTML文档文档对象：页面中的元素文档对象模型：对象被组织在一个树形结构中，用来表示文档中对象的标准模型就叫DO...

DOM里常见的三种节点类型

webZRH的博客

04-20

1万+

1.nodeName比tagName 从DOM层次来看，nodeName是node 接口上的property，而tagName是element 接口上的property，所有的节点（元素节点，属性节点，文本节点等12种）都继承了node接口，而只有元素节点才继承了element节点，因此nodeName比tagName具有更大的使用范围。一般地，节点至少拥有nodeType、nodeNa

javascript dom中有几种节点类型

budaoweng0609的博客

03-19

1475

一般地，节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。节点类型不同，这三个属性的值也不相同 nodeType nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值，12种类型分别对应1到12的常数值元素节点　　 Node.ELEMENT_NODE(1) 属性节点　　 N...

DOM —【节点与元素的区别】

Zyl_CN的博客

06-05

4352

在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点（包括回车符也是属于文本节点）注释是注释节点 Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。 NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。元素也可以拥有属性。属性是属性节点。...

简述HTML DOM及其节点分类

weixin_30868855的博客

10-28

670

在JavaScript中，document这个对象大家一定很熟悉，哪怕是刚刚开始学习的新人，也会很快接触到这个对象。而document对象不仅仅是一个普通的JavaScript内置对象，它还是一个巨大API的核心对象，这个巨大的API就是DOM（Document Object Model），它将文档的内容呈现在JS面前，并赋予了JS操作文档的能力。 ...

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交