DOM中nodeType的值说明

最新推荐文章于 2024-10-31 21:09:10 发布
最新推荐文章于 2024-10-31 21:09:10 发布
阅读量1.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： AJAX&JavaScript专区 文章标签： 文档 html javascript table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hk8846/article/details/1525616
本文介绍了HTML文档中不同类型的DOM节点及其属性，包括Element、Text、Comment等，并解释了Document对象作为DOM树根节点的作用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML文档的节点
DOM下，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。这里列出Node常用的几种节点类型：
接口 nodeType常量 nodeType值 备注
Element Node.ELEMENT_NODE 1 元素节点
Text Node.TEXT_NODE 3 文本节点
Document Node.DOCUMENT_NODE 9 document
Comment Node.COMMENT_NODE 8 注释的文本
DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11 document片断
Attr Node.ATTRIBUTE_NODE 2 节点属性


DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象（对于HTML文档，这个就是<html>标记）。Javascript操作HTML文档的时候，document即指向整个文档，<body>、<table>等节点类型即为Element。Comment类型的节点则是指文档的注释。具体节点类型的含义，请参考《Javascript权威指南》，在此不赘述。 

JavaScript--DOM--nodeType 属性
norang的博客
06-07 722
4.4.2 nodeType 属性 根据gallery.html 文件的结构，body 元素应该只有3个子元素：一 个h1 元素、一个ul 元素和一个img 元素。可 是，countBodyChildren() 函数给出来的数字却远大于此，这是因为 文档树的节点类型并非只有元素节点一种。 由childNodes 属性返回的数组包含所有类型的节点，而不仅仅是元素 节点。事实上，文档里几乎每一样东西都是一个节点，甚至连空格和换行符都会被解释为节点，而它们也全都包含在childNodes 属性所返回的数组当中。
HTML文档中节点的主要类型,DOM系列：DOM节点属性
weixin_39856709的博客
06-04 869
经过前几篇文章的学习，对DOM有一定的了解。但这仅仅是DOM一些基础性的知识，如果要对DOM更了解，需要更深入地了解DOM节点。在这一节中，咱们将围绕DOM的节点属性、标签和内容来展开。这样我们就可以更进一步的了解它们是什么？以及它们最常的属性。DOM节点类DOM节点的属性取决于它们的类(class)。例如，标签对应的是一个元素节点和链接a相关的属性。文本节点与元素节点不一样，但是它们之间也有相同...
HTML DOM的nodeType值[试验田]
weixin_30871701的博客
02-27 191
将HTML DOM中几个容易常用的属性做下记录： nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 ...
Dom.nodeType
HandsomeDanielWu的博客
09-19 244
Dom.nodeType
html文档中的节点分为什么类型,【DOM】DOM是什么（DOM的节点类型）
weixin_39890289的博客
06-03 682
写在前面：学到DOM时，看到关于文档(结构树)、节点(node)、和DOM提供的一些方法获取(找到)所需的节点、还有DOM属性，我很混乱，我无法弄清节点的关系层级属性和方法的关系，所以在使用DOM之前我要先了解DOM，当我们用javascript对HTML DOM进行操作的时候我们要明确HTML DOM中节点类型和层级才能准确定找到你想要增删改查的位置。找了些资料和书，看了些视频，写这篇文章总结一...
Javascript入门学习第八篇 js dom节点属性说明第1/2页
12-12
今天我们讲DOM属性。 前面其实我们已经碰过DOM属性了。... 另外我要说的是： nodeName属性是一个只读属性，不能进行设置.(写) 它返回 大写字母的值。 2,,nodeType属性 ： 返回一个整数，代表这个节点的类型。 我
JS中DOM和BOM
最新发布
qq_56101688的博客
10-31 894
DOM（文档对象模型）是一个跨平台和语言独立的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在网页浏览器中，DOM 通常表示 HTML 或 XML 文档的对象模型。DOM 将网页内容视为节点树，其中每个节点都是文档中的对象，例如元素、属性、文本等。：在 Web 浏览器中，文档通常是指网页，即 HTML 或 XML 文件。：对象模型是将文档内容表示为对象集合的一种方式，这些对象可以由程序代码进行操作。：DOM 将文档结构表示为节点树，树中的每个节点代表文档的一部分。
JavaScript利用HTML DOM进行文档操作的方法
10-22
典型属性如`nodeType`可以告诉我们节点的类型，如元素节点的`nodeType`值为1，文本节点的值为3。典型方法如`appendChild()`可以用来向父节点添加子节点。 在JavaScript中操作DOM，我们可以利用一系列的DOM方法来...
js DOM模型操作
01-19
DOM模型中的节点：元素节点、文本节点、属性节点 例：私のdotnet小屋</a> （1）a是元素节点 （2）“私のdotnet小屋”是文本节点 （3）href=”http://www.cnblogs.com/shuz”是属性节点 DOM节点的属性 属性 类型...
html文档节点有哪几种,【十七】浏览器DOM：你知道HTML的节点有哪几种吗？
weixin_36488760的博客
06-04 644
文档对象模型用来形容文档，特指HTML文档，同时又是一个“对象模型”，意味着它使用的是对象这样的概念来形容HTML文档。DOM API大致包含4个部分节点：DOM 树形结构中的节点相关API事件：触发和监听事件相关APIRange：操作文字范围相关API遍历：遍历DOM 需要的API节点节点.pngElement: ...Text: textComment: DocumentType: Proce...
DOM NodeType
lein_wang的专栏
09-04 362
html_dom节点节点信息
yxpjx的专栏
08-22 604
节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName（节点名称） nodeValue（节点值） nodeType（节点类型） nodeNamenodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节
HTML DOM nodeType 属性
onpwerb的博客
09-13 450
nodeType 属性返回以数字值返回指定节点的节点类型。 如果节点是元素节点，则 nodeType 属性将返回 1。 如果节点是属性节点，则 nodeType 属性将返回 2。 其他元素类型，nodeType属性返回的值如下： 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9tr,td都是元素节点 name,id都是属性节点
HTML 节点类型的 总结
zhouhaihua007的专栏
03-31 814
DOM中常用的属性有： (1)、nodeName           它可以是标签名称、属性名称、文本、文档 (2)、nodeValue          这个属性可以包含文本，还可以是属性值 (3)、nodeType          这个是返回的是节点 的类型；1-元素 2-属性 3-文本 8-注释 9-文档
html dom的nodetype值介绍,HTML DOM nodeType 属性
weixin_33209042的博客
06-15 498
HTML DOM nodeType 属性实例获得 body 元素的节点类型：document.body.nodeType;结果：1定义和用法nodeType 属性返回以数字值返回指定节点的节点类型。如果节点是元素节点，则 nodeType 属性将返回 1。如果节点是属性节点，则 nodeType 属性将返回 2。浏览器支持IEFirefoxChromeSafariOpera此在线速查手册由www....
DOM启蒙：文档节点
里脊的博客
10-24 251
1.文档节点概览      HTMLDocument构造函数在DOM中创建DOCUMENT_NODE。      Document与HTMLDocument构造函数是浏览器在加载HTML文档时特意实例化的。      document.implementation.createHTMLDocument():可以在浏览器中当前加载的文档之外创建一个自己的HTML文档。      create...
DOM节点之nodeType
初漾的博客
07-21 608
elem.nodeType = 1 //元素节点 elem.nodeType = 9 //nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是
JavaScript HTML DOM节点类型之Document类型（Document对象属性和Document对象集合属性）
tasty
01-11 2923
ocument对象使我们可以用JavaScript对 HTML 页面中的所有元素进行访问。要访问 HTML 页面中元素，除可以用Document对象中的方法外，还可以通过Document对象的属性。Document对象的属性和方法中有的可返回单个Element元素对象，有的会返回一个HTMLCollection元素集合对象，其中保存了对锚、表单、链接以及其他元素的引用。 Document对象
37、浏览器DOM：你知道HTML的节点有哪几种吗？
所学所思
01-24 779
今天我们进入浏览器API的学习, 这一节课，我们来学习一下DOM API。DOM API是最早被设计出来的一批API，也是用途最广的API，所以早年的技术社区，常常用DOM来泛指浏览器中所有的API。不过今天这里我们要介绍的DOM，指的就是狭义的文档对象模型。DOM API介绍首先我们先来讲一讲什么叫做文档对象模型。顾名思义，文档对象模型是用来描述文档，这里的文档，是特指HTML文档（也用于XML文档，但是本课不讨论XML）。同时它又是一个“对象模型”，这意味着它使用的是对象这样的概念来描述HTML文档。说
深入理解JavaScript操作DOM的技巧
JavaScript操作DOM是前端开发中最为核心和基础的技能之一，它允许开发者动态地控制网页。为了有效掌握DOM操作，应当熟练使用上述API，并理解DOM结构。此外，随着现代Web框架和库（如React、Vue和Angular）的发展，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值