elementNode.nodeType值对应的类型

最新推荐文章于 2024-02-12 22:39:12 发布
最新推荐文章于 2024-02-12 22:39:12 发布 · 1k 阅读 · 0
文章标签：

#javascript #ViewUI

本文详细介绍了XML文档中的各类节点，包括元素、属性、文本等共12种类型，并对其作用进行了说明。

节点数                 节点名称

1                     Element | 元素

2                     Attribute | 属性

3                     Text | 文本

4                     CDATA Section | CDATA 断

5                     Entity Reference | 实体参数

6                     Entity | 实

7                     Processing Instrucion | 处理指令

8                     Comment | 注释

9                     Document | 文档

10                   Document Type | 文档类型

11                   Document Fragment | 文档片断

12                   Notation | 符号

hqmln
关注
JavaScript【DOM概述、节点、节点树 、Node.nodeType属性 、document对象（属性、方法/获取元素、方法/创建元素）、Element对象属性】(十)
08-05 1178
JavaScript【DOM概述、节点、节点树 、Node.nodeType属性 、document对象（属性、方法/获取元素、方法/创建元素）、Element对象属性】(十)
Element nodeType values
cai555的专栏
10-31 248
Last updated: Februrary 27th, 2006 The term "nodes" is just a fancy way of referring to all the elements in a document, whether it's a particular DIV, or the text contained inside it. The "nodeType"...
HTML Element nodeType 定义
qingshuiaishui的专栏
07-24 666
const unsigned short ELEMENT_NODE = 1;  const unsigned short ATTRIBUTE_NODE = 2;  const unsigned short TEXT_NODE = 3;  const unsigned short CDATA_SECTION_NODE = 4;  const unsigned short ENTITY_REF
27. Element nodeType 属性
enlyhua的专栏
08-06 678
实例获得 body 元素的节点类型：document.body.nodeType;结果：1<!DOCTYPE html> <html> <body><p id="demo">请点击按钮来获得 body 元素子节点的节点类型。</p><button onclick="myFunction()">试一下</button><script> function myFunction() { var txt="
HTML DOM nodeType 属性
weixin_39090097的博客
08-28 222
nodeType ：属性返回节点类型（只读） 如果节点是一个元素节点，nodeType 属性返回 1。 如果节点是属性节点, nodeType 属性返回 2。 如果节点是一个文本节点，nodeType 属性返回 3。 如果节点是一个注释节点，nodeType 属性返回 8。  ...
【DOM】Node类型之Element类型
不积跬步无以至千里
02-28 1454
Element类型用于表现XML或HTML元素，提供了对元素标签名、子节点及特征的访问。 nodeType 的值为 1； nodeName的值为元素的标签名； nodeValue的值为null; parentNode 可能是Document或Element。 子节点可能是Element、Text、comment、CDATASection、EntityReference、ProcessionInstr
node.nodeType != 1
06-09
在JavaScript中，`node.nodeType` 是一个表示DOM节点类型（Document Object Model）的属性，它的值是一个数字，对应不同类型的节点。`1`通常代表HTML元素节点（Element Node），比如`<div>`或`<p>`等。 当你看到 `...
(function() { var textNodes = []; var fullText = ''; // 递归遍历DOM树，收集文本节点 function traverse(node) { if (node.nodeType === Node.TEXT_NODE) { var text = node.textContent; // 先不 trim，查看原始文本 console.log('发现文本节点:', text); console.log('文本长度:', text.length); if (text.length > 0) { // 记录文本内容和在完整文本中的起始索引 textNodes.push({ text: text, start: fullText.length }); fullText += text; console.log('已收集文本，当前总长度:', fullText.length); } } else if (node.nodeType === Node.ELEMENT_NODE) { var tag = node.tagName.toLowerCase(); console.log('遍历元素节点:', tag); // 跳过脚本、样式等非内容节点 if (tag !== 'script' && tag !== 'style' && tag !== 'noscript') { for (var i = 0; i < node.childNodes.length; i++) { traverse(node.childNodes[i]); } } } } // 修改容器选择逻辑 var container = document.getElementById('content') || document.querySelector('.content') || document.body; console.log('使用的容器:', container); // 添加这行来实际遍历容器 traverse(container); // 处理iframe中的文本（同域） var iframes = document.getElementsByTagName('iframe'); for (var i = 0; i < iframes.length; i++) { try { var iframeDoc = iframes[i].contentDocument || iframes[i].contentWindow.document; traverse(iframeDoc.body); console.log('iframe处理完成'); } catch (e) { console.log("跨域iframe，无法访问内容：" + e.message); } } // 在函数末尾添加调试信息 console.log('文本收集完成，总文本长度:', fullText.length); console.log('收集到的文本节点数:', textNodes.length); // 将结果传递给Android - 也应该添加错误处理 try { // 将结果传递给Android if (window.TextNodeInterface) { window.TextNodeInterface.onTextNodesCollected(fullText, JSON.stringify(textNodes)); console.log('文本节点收集完成'); } else { console.error("未找到TextNodeInterface接口"); } } catch(e) { console.error('传递数据到Android出错:', e); } })(); 你看看对应调用的js 解释下都是什么意思？
最新发布
10-13
} else if (node.nodeType === Node.ELEMENT_NODE) { var tag = node.tagName.toLowerCase(); console.log('遍历元素节点:', tag); if (tag !== 'script' && tag !== 'style' && tag !== 'noscript') { for ...
return n !== X && 9 === n.nodeType && n.documentElement ? (...) : X 什么意思
03-22
| 1 | `ELEMENT_NODE` | 元素节点 | | 2 | `ATTRIBUTE_NODE` | 属性节点 | | 3 | `TEXT_NODE` | 文本节点 | | 4 | `CDATA_SECTION_NODE` | CDATA节点 | | 8 | `COMMENT_NODE` | 注释节点 | | 9 | `DOCUMENT_NODE` | ...
NodeType的三个属性值
weixin_33698823的博客
06-14 936
Nodetype有3种 1 元素节点 一般获取的都是元素节点(最常用) var d = document.getElementById("john");alert(d.nodeType) 1 2 属性节点（要用getAttributeNode来获取的） var d = document.getElementById("john").getAttri...
nodeType 有哪些?
m0_57236802的博客
09-15 832
是一个用于区分不同类型节点的属性。它是一个整数值，每种节点类型都有一个与之对应的常量。常量可以帮助你在操作DOM时更准确地识别节点类型。例如，你可能只对元素节点（在DOM（Document Object Model）中，这样，你就可以根据不同类型的节点执行不同的操作。
DOM节点之nodeType
初漾的博客
07-21 619
elem.nodeType = 1 //元素节点 elem.nodeType = 9 //nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是
node和 element
weixin_42322307的博客
05-24 841
页面可以说是一个dom树,我们通过操作dom节点来完成我们想要做的,而Dom树又是由多个节点组成,最常见的是element,我们经常通过document.getElementByXXX来获取dom节点,但是除了element还有text(文本),comment(注释),这些都是继承于node Node是一个基类，DOM中的Element(元素)，Text(文本)和Comment(注释)都继...
Element 和 Node 到底是个什么东西？
Bi-Hu的博客
05-18 649
Node与Element的关系 Node与Element的关系，从继承方面思考可能清晰很多。 Element 继承于 Node，具有Node的方法，同时又拓展了很多自己的特有方法。 在Element的一些方法里，是明确区分了Node和Element的比如说：childNodes与children,parentNode与parentElement等方法。 Node的一些方法，返回值为Node，...
DOM之节点层级-Node类型
xiaoyangzhu的博客
12-08 940
DOM Level 1 描述了名为Node 的接口，这个接口是所有DOM 节点类型都必须实现的。Node 接口在JavaScript 中被实现为Node 类型，在除IE 之外的所有浏览器中都可以直接访问这个类型。在JavaScript中，所有节点类型都继承Node 类型，因此所有类型都共享相同的基本属性和方法
Javadocument获取子节点
牛肉胡辣汤
02-12 1437
方法，我们可以轻松地获取XML文档的子节点。在处理XML文档时，获取文档的子节点是一个常见的任务。Java提供了许多库和工具来处理XML，其中Javadocument是一个强大的库，用于解析和操作XML文档。你可以根据实际的XML文件和需求，调整代码以获取适合你应用场景的子节点属性值。在运行上述示例代码之前，需要准备一个XML文件，例如名为"example.xml"的文件，其中包含一些子节点。接下来，我们获取根节点，然后通过。在上述示例中，我们假设XML文件中的子节点具有名为"attribute"的属性。
dom节点类型nodeType
施天助的专栏
11-27 312
节点类型为4是这种： ,&lt;![CDATA[的作用... &lt;![CDATA[的作用在CDATA内部的所有内容都会被解析器忽略。   其他类型： 最重要的节点类型是： 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9 ...
前端学习（十八）webAPI基础1
whitefish520的博客
08-31 8254
web API Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM ) DOM 文档对象模型（Document Object Model）：是W3C组织推荐的处理可拓展标记语言的标准编程接口，所有的浏览器都遵循这套规范 通过DOM接口，可以改变网页的内容、结构、样式 DOM树 DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前页面 文档：一个页面就是一个文档，DOM中使用document表示 节点：网页中的所有内容，
Document对象，Element对象和Node对象简介
热门推荐
在路上
09-08 2万+
Document对象： 根元素的访问，也就是HTML标签的访问。使用document.documentElement访问根对象。使用Document对象查找对象 getElementById()：通过节点的id属性，查找对应节点。getElementsByName()：通过节点的name属性，查找对应节点。getElementsByTagName()：通过节点名称，查找对应节点。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值