Javascript——Node属性及方法

JavaScript 节点介绍及其应用 文章目录节点节点的属性:获取方式属性包括节点理解探究实例探究1:节点探究2:节点属性探究3:亲戚节点应用案例:节点操作隔行变色节点的兼容代码 节点 元素:页面中所有的标签,元素—element, 标签----元素—对象 节点:页面中所有的内容(标签,属性,文本(文字,换行,空格,回车)),Node 根元素:html标签 节点的属性: 获取方式 可以使用标签——通过 元素+“.” 出来, 可以使用属性节点.——通过 文本节点+“.” 出来) 属性包括 nodeType:节点的类型: 1—— 阅读详情

Node是一个接口,许多 DOM API对象的类型会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象;比如继承同一组方法,或者用同样的方式测试。
在方法和属性不相关的特定情况下,这些接口可能返回 null。当将子节点添加到不允许子节点存在的节点时,它们可能会抛出异常。

属性概念
Node.baseURI返回一个表示base URL的DOMString。不同语言中的base URL的概念都不一样。 在HTML中,base URL表示协议和域名,以及一直到最后一个’/'之前的文件目录。
Node.childNodes返回一个包含了该节点所有子节点的实时的NodeList。如果该节点的子节点发生了变化,NodeList对象就会自动更新。
Node.firstChild返回该节点的第一个子节点Node,如果该节点没有子节点则返回null
Node.isConnected返回一个布尔值用来检测该节点是否已连接(直接或者间接)到一个上下文对象上,比如通常DOM情况下的Document对象,或者在shadow DOM情况下的ShadowRoot对象
Node.lastChild返回该节点的最后一个子节点Node,如果该节点没有子节点则返回null
Node.nextSibling返回一个包含该节点名字的DOMString。节点的名字的结构和节点类型不同。比如HTMLElement的名字跟它所关联的标签对应,就比如HTMLAudioElement的就是 ‘audio’ ,Text节点对应的是 ‘#text’ 还有Document节点对应的是 ‘#document’。
Node.nodeName返回与该节点同级的下一个节点 Node,如果没有返回null
Node.nextSibling返回与该节点同级的下一个节点 Node,如果没有返回null
Node.nodeValue返回或设置当前节点的值
Node.ownerDocument返回这个元素属于的Document对象。如果没有Document对象与之关联,返回null
Node.parentNode返回一个当前结点 Node的父节点 。如果没有这样的节点,,比如说像这个节点是树结构的顶端或者没有插入一棵树中, 这个属性返回null
Node.parentElement返回一个当前节点的父节点 Element。如果当前节点没有父节点或者说父节点不是一个元素(Element), 这个属性返回null
Node.previousSibling返回一个当前节点同辈的前一个结点( Node) ,或者返回null(如果不存在这样的一个节点的话)。
Node.textContent返回或设置一个元素内所有子结点及其后代的文本内容

Node.nodeType属性可用来区分不同类型的节点,比如元素,文本和注释。
返回一个整数,其代表的是节点类型:

var type = node.nodeType;
常量值描述
Node.ELEMENT_NODE1一个 元素节点,例如 <p>和<div>
Node.TEXT_NODE3Element或者 Attr中实际的 文字
Node.CDATA_SECTION_NODE4一个 CDATASection例如 <!CDATA[[ … ]]>。
Node.PROCESSING_INSTRUCTION_NODE7一个用于XML文档的ProcessingInstruction,例如<?xml-stylesheet ... ?>声明
Node.COMMENT_NODE8一个Comment节点
Node.DOCUMENT_NODE9一个Document节点
Node.DOCUMENT_TYPE_NODE10描述文档类型的DocumentType节点。例如<!DOCTYPE html> 就是用于HTML5的
Node.DOCUMENT_FRAGMENT_NODE11一个DocumentFragment节点
方法用法
Node.appendChild()将指定的childNode参数作为最后一个子节点添加到当前节点。如果参数引用了 DOM 树上的现有节点,则节点将从当前位置分离,并附加到新位置。
Node.cloneNode()克隆一个Node,并且可以选择是否克隆这个节点下的所有内容。默认情况下,节点下的内容会被克隆
Node.compareDocumentPosition()比较当前节点与文档中的另一节点的位置
Node.contains()返回一个Boolean布尔值,来表示传入的节点是否为该节点的后代节点
Node.getRootNode()返回上下文对象的根结点。如果shadow root节点存在的话,也可以在返回的节点中包含它。
Node.hasChildNodes()返回一个Boolean 布尔值,来表示该元素是否包含有子节点。
Node.insertBefore()在当前节点下增加一个子节点 Node,并使该子节点位于参考节点的前面。
Node.removeChild()从当前元素中删除一个子节点,该子节点必须是当前节点的子节点。
Node.replaceChild()用参数中给定的第二个子节点替换当前节点的一个子节点。
【Node】Node.js的全局属性、对象、方法(计时器) Node全局对象1. 全局属性2. 全局对象2.1 console模块2.2 process对象:进程对象 1. 全局属性 __filename:指向当前正在执行的脚本文件名。 两个下划线。(当前被执行的文件的全名–>绝对路径+文件名) console.log(__filename); // 运行结果:E:\大学学习资料\pppppp\main.js __dirname:指向当前运行的脚本所在的目录。 console.log(__dirname); // 运行结果:E:\大学学习资料\p 阅读详情

相关推荐

Node.js中process模块的常用属性和方法

Node.js是一种基于V8引擎的JavaScript运行环境,而process模块是Node.js的一个核心模块之一。它提供了与当前进程进行交互的功能,包括访问环境变量、获取命令行参数、控制进程的退出等。在本文中,我们将探讨process模块中一些常用的属性和方法,并提供相应的源代码示例。运行上述代码,将会在打印"Start"后立即退出进程,并返回退出码1。运行上述代码,将会在抛出未捕获的异常后,回调函数被执行并打印错误信息。运行上述代码,将会输出当前工作目录的路径。

ByteZenith的博客 201

js nodeType

js nodeType nodeType 属性可用来区分不同类型的节点,比如 元素, 文本 和 注释。 节点类型常量 常量 值 描述 Node.ELEMENT_NODE 1 一个 元素 节点,例如 &lt;p&gt; 和 &lt;div&gt;。 Node.TEXT_NODE 3 Element 或者 Attr 中实际的 文字 Node.PROCESSING_INST...

齐枫的博客 3900

JavaScript【DOM概述、节点、节点树 、Node.nodeType属性 、document对象(属性、方法/获取元素、方法/创建元素)、Element对象属性】(十)

JavaScript【DOM概述、节点、节点树 、Node.nodeType属性 、document对象(属性、方法/获取元素、方法/创建元素)、Element对象属性】(十)

1395

js nodetype

在 HTML DOM (文档对象模型)中,每个部分都是节点。 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点。   文档是一个 文档节点 。   所有的HTML元素都是 元素节点   所有 HTML 属性都是 属性节点   文本插入到 HTML 元素是 文本节点   注释是 注释节点。 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多。要注意:Node...

afkbcgz的专栏 780

CRMEB小程序订阅消息实战指南:PHP配置与疑难排查

本文提供CRMEB小程序订阅消息的完整实战指南,重点解析PHP环境下的配置流程与常见错误解决方法。文章从订阅消息的核心规则讲起,详细拆解了从微信后台获取模板到CRMEB后台完成字段映射的关键步骤,并提供了从用户授权、缓存清除到服务器日志检查的逐层排查方案,帮助开发者高效打通消息通道,避免常见配置陷阱。

weixin_29022115的博客 318

Silvaco TCAD仿真4——DeckBuild实战:从示例库到自定义设计

本文详细介绍了Silvaco TCAD仿真工具DeckBuild的实战应用,从示例库的使用到自定义设计的全过程。通过具体案例和参数修改技巧,帮助用户快速掌握TCAD仿真技术,提升半导体器件设计的效率和精度。特别适合需要从基础入门到进阶操作的工程师和研究人员。

weixin_29284657的博客 434

【JavaScript】JavaScript中的nodeName、nodeType、nodeValue区别

nodeValue属性对于文档节点和元素节点是不可用的。文档节点的 nodeName永远是 #document。//data同样是其内容,这个属性下同样可以增删改。对于属性节点,nodeValue属性包含属性值。对于文本节点,nodeValue属性包含文本。//attribute 的nodeType=2。//文本节点的nodeValue是其文本内容。属性节点的 nodeName是属性名称。//按钮1取节点nodetype值。注释comments 8。//h1是一个标签。//演示按钮,有很多属性。

学习 记录 总结 分享 1638

别再折腾SNAP了!ENVI 5.6.0 直接拖拽打开Sentinel-2 L2A数据的正确姿势

本文详细介绍了ENVI 5.6.0直接处理Sentinel-2 L2A数据的高效方法,无需通过SNAP进行繁琐的重采样预处理。通过直接拖拽XML文件,用户可以快速加载不同分辨率的波段数据,显著提升工作效率。文章还对比了直接打开与SNAP重采样流程的优劣,并提供了常见问题解决方案和高级应用技巧。

weixin_30296405的博客 635

JavaScript:nodeType节点/文档碎片对象模型-DcoumentFragment

节点: 标签节点,属性节点,文本节点,他们都是节点,节点是有类型的 标签---->元素(DOM中的叫法)---->标签节点 文本节点:文字内容,空行,回车,空白文本节点 属性节点:标签中的属性和值 文档:整个当前的页面,页面中的标签都有嵌套的关系,一层一层的, 形成了一个树形的的效果,称为:树形结构图,DOM树 获取了一些节点,通过判断该节点的类型,就可以知道获取的节点到底是什么节点! nodeType属性可以获取当前这个节点的类型 该属性值: 1---标签节点, 2----属性节点,

头条:俊哥前端工程师,真正的大师永远怀揣着一颗学徒的心。 1110

TypeScript版LangChain环境配置全攻略:从零搭建AI应用开发环境

大语言模型(LLM)作为当前AI应用开发的核心技术,通过API接口为开发者提供了强大的自然语言处理能力。其工作原理基于Transformer架构,通过预训练和微调实现对人类语言的深度理解与生成。在工程实践中,开发者需要将LLM与外部工具、数据源和业务逻辑有效集成,这正是LangChain框架的技术价值所在——它提供了标准化的组件和接口,简化了复杂AI应用的构建流程。应用场景涵盖智能客服、内容生成、数据分析助手等多个领域。本文聚焦于TypeScript/JavaScript生态下的LangChain开发,详细

weixin_29055699的博客 253

jlink v9刷固件修改序列号来修复弹窗

jlink v9弹窗警告修复j

weixin_40500627的博客 9366

JS node常用属性和方法

一、node常用属性 1.nodeName/nodeType *** 描述:nodeName属性返回节点的名称,nodeType属性返回节点的常数值 语法:node.nodeName/node.nodeType 例子: console.log(document.nodeName,document.nodeType); ...

boonyaxnn的博客 986

第二章 零差云控关节模组内部构造

对零差云控的eRob70I进行了拆解

SFY__优快云的博客 5965

js中的Node属性和方法

js中所有节点都实现了Node接口 1.node.nodeType: 这个方法能够获取节点类型常见的有下面几种: node.nodeType==1:元素节点,如body,ul... node.nodeType==2:属性节点,如name,type... node.nodeType==3:文本节点,就是一段文本(空格也算文本) node.nodeType==9:document类型,就是

ruler1112的博客 2686

Zemax操作--2(单透镜和双胶合透镜优化)

单透镜 要求 镜头数据里面的数量变化后要重新设计优化函数 设计 一、初始参数 按照要求输入波长、入瞳孔径、视场数据编辑器如图 物面--透镜前表面--透镜后表面--相面(镜头数据再插入一个面如图) 将2面曲率半径F数设置为10,zemax自动给出合适值 设置面2的边缘光线高度,zemax自动给出合适值 二、评价参数设置 将面1曲率半径设置为变量 再设置评价函数告诉zemax我们需要什么条件,评价函数默认即可 执行优化 双胶合透镜 要求 ...

lzy750750的博客 1万+

使用Verilog实现QR分解——嵌入式 [设计与代码]

通过Verilog的硬件描述语言,我们可以将QR分解算法实现为硬件电路,并在嵌入式系统中高效地运行。本文将介绍如何使用Verilog设计并实现QR分解算法,该算法用于将一个矩阵分解为正交矩阵Q和上三角矩阵R。具体而言,QR分解通过对矩阵的列进行正交化处理,得到正交矩阵Q,并将对应的正交化结果存储在上三角矩阵R中。该算法通过将矩阵分解为两个部分,正交矩阵Q和上三角矩阵R,实现了对矩阵的分解和变换。模块,该模块接收待分解矩阵A,并输出正交矩阵Q和上三角矩阵R。下面给出了使用Verilog实现QR分解的源代码。

CodeMaven的博客 620

Node.js Buffer 深度解析:全面掌握属性与方法

在Node.js中,Buffer类是一个用于处理二进制数据的全局构造函数。它提供了许多属性和方法来创建、操作以及处理二进制数据流。以下是一些主要的Buffer。

1412

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

Node.js zlib模块详解:属性、方法及使用示例

zlib模块是Node.js中用于数据压缩和解压缩的强大工具,它提供了多种压缩算法和灵活的使用方式。通过合理利用这些方法和属性,开发者可以在网络传输和文件存储中显著减少数据大小,提高应用程序的性能。

1270

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

深入解析Node.js中的new URL()构造函数:功能、属性、方法与使用技巧

new URL()构造函数是Node.js中处理URL的强大工具。它遵循WHATWG URL标准,提供了丰富的属性和方法来解析、构造和修改URL。在使用时,需要注意避免与Node.js内置的url模块发生冲突。通过选择合适的变量名来引用url模块,你可以同时使用url模块的功能和全局的URL构造函数。希望本文能帮助你更好地理解和使用new URL()构造函数。

2578

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

【Node.js】 process模块基本属性与常用方法

Node.js的process模块 主要介绍常用的属性和方法 主要属性 console.log(process.pid);//进程ID console.log(process.version);//进程版本 console.log(process.platform);//进程平台 console.log(process.title);//进程对应窗口名称 console.log(pr...

章鱼仔的博客 2153

JS DOM Node 方法属性

属性 整个文档是一个文档节点, 每个HTML标签是一个元素节点 ,包含在HTML元素中的文本是文本节点, 每一个HTML属性是一个属性节点(属性节点是另一个层面的理解,在浏览器后台打印的时候,不存在属性节点) ,注释属于注释节点 1、Node.prototype.nodeType nodeType属性返回一个整数值,表示节点的类型。 document.nodeType// 9 nodeType属性值和对应常量如下: 文档节点(document):9对应常量Node.DOCUMENT_NO...

zzzjx19970411的博客 294

Node.js process 模块常用属性和方法

  Node.js是常用的Javascript运行环境,本文和大家发分享的主要是Node.js中process 模块的常用属性和方法,希望通过本文的分享,对大家学习Node.js http://www.maiziedu.com/course/694/有所帮助。   如果不是和命令行工具打交道,可能我们很少有机会去用到process模块中的一些方法或者属性。不过如果你要做类似于webpack或者g...

weixin_34319640的博客 139

JS之DOM操作--node简介、node属性、node方法

主要介绍了js中node节点的常用属性和相关方法

小白小白从不日别的博客 1303

JS 之Node节点的 属性、方法 &获取

JS Node节点的常见属性和方法使用 & 如何获取相应节点和值 一、节点的常用属性和方法 (一)通过具体的元素节点调用如下方法和属性 《1》getElementsByTagName() 方法,获取当前节点的指定标签名孩子节点 《2》appendChild(oNode) 方法给标签对象添加子节点。oNode是要添加的子节点。 《3》removeChild(oNode) removeChild方法删除子节

xiongfeng 2万+

node.js学习之路(一)之“面向对象的JavaScript入门”

一、前言node.js以JavaScript为基础,因此学习node.js之前有必要复习一下JavaScript,其中我的学习之路是先看《JavaScript高级程序设计》,后看《JavaScript语言精粹》,准备再继续看《webkit技术内幕》。其中JavaScript面向对象的特性在node.js里是必须熟练掌握和深刻理解的知识点,因此特地提出来一起复习。二、JavaScript面向对象入门J

918

原生js——与node有关的属性和方法:hasChilsNodes()、appendChild()、removeChild()、replaceChild()、insertBefore()等

原生js—Node属性和方法 1.nodeType:类型为1-12; 最常用的节点类型: Node.ElEMENT_NODE:元素节点,node.type == 1; Node.ATTRIBUTE_NODE:特性节点,node.type == 2; Node.TEXT_NODE:文本节点,node.type == 3; Node.COMMENT_NODE:注释节点,node.type...

代码小宝宝的博客 549
上一篇: Javascript——Document
下一篇: Javascript——电商倒计时案例
mintsolace
博客等级 码龄9年 31粉丝 135原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值