Node接口的属性与方法

javascript学习——Node 接口详解 所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。 阅读详情

Node接口类

类属性与原型属性共有

描述:定义了所有节点类型的一些公有属性与方法

  • 12种节点类型常量
  • 2个节点比较 的位置常量
原型属性
  • 12种节点类型常量
  • 2个节点比较 的位置常量
  • 节点的状态 、关系、类型、名称等
原型方法
  • 节点的更新、删除、替换、插入、比较、根节点获取、格式化等
12种节点类型常量

类属性与原型属性共有
节点的nodeType属性值列表

属性名值类型描述熟记
ELEMENT_NODE1Number表示是元素类型的节点YES
ATTRIBUTE_NODE2Number表示是属性类型的节点YES
TEXT_NODE3Number表示是文本类型的节点YES
CDATA_SECTION_NODE4Number表示文档中的 CDATA 区段类型的节点
ENTITY_REFERENCE_NODE5Number表示实体引用类型的节点
ENTITY_NODE6Number表示实体类型的节点
PROCESSING_INSTRUCTION_NODE7Number表示处理指令类型的节点
COMMENT_NODE8Number表示注释类型的节点YES
DOCUMENT_NODE9Number表示整个文档(DOM 树的根节点)YES
DOCUMENT_TYPE_NODE10Number表示定义文档类型的节点
DOCUMENT_FRAGMENT_NODE11Number表示轻量级的 Document 对象(文档的某个部分)
NOTATION_NODE12Number表示 DTD 中声明的符号
2个节点比较的位置常量

类属性与原型属性共有
nodeP1.compareDocumentPosition(nodeP2)方法的返回值(可组合)

属性名值类型描述
DOCUMENT_POSITION_DISCONNECTED1NumbernodeP1与nodeP2不属于同一个文档
DOCUMENT_POSITION_PRECEDING2NumbernodeP1在nodeP2之后
DOCUMENT_POSITION_FOLLOWING4NumbernodeP1在nodeP2之前
DOCUMENT_POSITION_CONTAINS8NumbernodeP1是nodeP2是后代节点
DOCUMENT_POSITION_CONTAINED_BY16NumbernodeP2是nodeP1的后代节点
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC32Number其它特殊的情况
原型属性
属性名值类型描述
childNodes节点对象的集合[object NodeList]子节点的实时的节点列表
firstChild节点对象 | nullnode对象第一个子节点
lastChild节点对象 | nullnode对象最后一个子节点
parentNode节点对象 | nullnode对象当前节点的父节点
parentElement节点对象 | nullnode对象当前节点的父元素节点
previousSibling节点对象 | nullnode对象当前节点的同辈上一个节点
nextSibling节点对象 | nullnode对象当前节点的同辈下一个节点
nodeName节点名String当前节点的名称DOMString
nodeType数值Number返回一个与该节点类型对应的无符号短整型的值
textContent节点的文本内容String返回或设置一个元素内所有子结点及其后代的文本内容
ownerDocumentDom对象[object HTMLDocument]返回当前元素的Document对象
isConnectedtrue | falseBoolean返回当前节点是否与DOM树连接
baseURIURL地址String返回一个节点的绝对基址 URL
原型方法
方法名返回值类型描述
appendChild新节点对象node对象将一个节点添加或移动到指定父节点的子节点列表末尾
insertBefore新节点对象node对象将一个节点插入或移动到指定节点之前
replaceChild新节点对象node对象指定的节点替换当前节点的一个子节点
cloneNode节点副本对象node对象克隆某个节点(可深度)
removeChild移除的子节点node对象移除某个子节点
hasChildNodestruefalseBoolean
getRootNodedocument[object HTMLDocument]获取元素根节点对象
compareDocumentPosition比较的结果数值Number比较2个节点位置的关系
containstruefalseBoolean
isEqualNodetruefalseBoolean
normalizendefinedUndefined将当前节点和它的后代节点”规范化“(normalized)
Simscape Multiboby学习笔记1——跟着官网学Multibody 文章目录一. 引言二. Simscape Multibody自学之路三. 本教程的目录 一. 引言 最近在倒腾Matlab的动力学仿真,起因是看到有人推荐Matlab的multbody模块,一经了解之下简直惊为天人。作为一名Matlab的小粉,看到这么好用的模块简直不要太开心,之前用simulink搭飞行器的仿真模型,虽然能够仿真看到六自由度位移,毕竟不能可视化,还是很不够直观,而且simulink仿真(以及更费力的脚本文件仿真)需要精确建模,模型不精确计算也是天差地别。而Multibody在具备其他动力学 阅读详情

相关推荐

ReportStudio入门教程(四十一) - 固定报表列宽

我们继续上一篇博客,让他看起来

什么是江湖? 3518

node.js笔记------变量

1.声明一个块级作用域的本地变量。

weixin_69270668的博客 1153

Windows server 2012R2安装Oracle11g

打开 开始——所有程序——Oracle-OraDb11g_home1——配置和移植工具——Database Configuration Assistant。打开 开始——所有程序——Oracle-OraDb11g_home1——配置和移植工具——Net Configuration Assistant。首先打开Oracle的安装位置找到下面的位置找到tnsnames.ora文件右键编辑。打开Oracle的安装位置找到下面的位置找到tnsnames.ora文件右键编辑。选择仅安装数据库软件。

qq_74770105的博客 3596

使用node.js实现接口步骤

3.项目初始化在新建的文件夹下执行npmi,会自动生成package.json文件;9.在router_hander文件夹中新建user.js,存放抽离出来的路由模块的处理函数;在根目录下新建的db文件夹下的index.js中导入mysql模块并创建数据库连接对象;(1)在app.js中封装res.send()的中间件,减少重复代码的使用;8.在router文件夹下创建user.js用来创建用户相关的路由;(2)对用户输入的密码进行加密,防止数据库数据泄漏造成的数据威胁;.........

lemon今天学习了吗?的博客 5745

Flink实战项目——城市交通实时监控平台

本项目是与公安交通管理综合应用平台、机动车缉查布控系统等对接的,并且基于交通部门现有的数据平台上,进行的数据实时分析项目。

yangwei2048的博客 839

大聪明教你学Java | Seata 2.5 从下载到运行:全流程编译部署教程

Seata 2.5 版本带来了不少特性优化,但实际部署时却发现一个尴尬问题:全网找不到一篇完整覆盖「Git 源码下载→本地编译→环境配置→启动验证」的实操教程。作为一名踩遍无数坑才成功跑通的开发者,我深知这个过程的煎熬:Git 拉取源码后编译失败、依赖版本冲突、配置文件参数混乱、启动时端口占用或连接报错… 每一个坑都能耗费数小时排查。为了让后续开发者少走弯路,我将自己从0到1的完整实操经验整理成文,跟着步骤走即可成功运行 Seata 2.5.

不肯过江东丶 2074

【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门

【node写接口】 通过node 快速搭建一个服务器小白入门 学习后端开发接口

fruge365的博客 5835

【案例讲解】LVGL关于旋转的配置

在实现项目中,因为横竖屏的关系,需要对其做90度的旋转。配置旋转时发现一些局部刷新控件,旋转后效果不对。异常图标正常图标。

Bigan(安)的博客 4284

前端程序员福利 利用node写接口

Code is never die ! 前端程序员为什么要自己写接口? 🤡🤡🤡🤡首先我们前端程序员可以不知道怎么写接口,但一定要了解它,工作中,经常会发生前后端扯皮的事,只要了解了写接口的原理我们前端就有充足的话语权,不至于那么被动 , 对方叭叭半天却不知道他在说啥. 了解接口传参 我们使用ajax请求向服务器接口传参,按http协议的约定,每个请求都有三个部分: 请求行: 保存了请求方式,地址,可以以查询字符串的格式附加一部分数据。 请求头:它可以附加很多信息,其中content-type用来约定请求体

weixin_48357279的博客 2367

杰理SDK入门教程(六):自定义按键事件

这篇教程介绍了在杰理AC695N芯片上实现自定义按键功能的完整流程,包含三个核心步骤:首先在key_event_deal.h文件中添加按键枚举定义;然后在adkey_table.c配置按键映射表,按模式和行为类型设置按键值;最后在app_common.c的消息处理函数中添加自定义按键逻辑。教程强调需注意不同模式按键表的列定义差异,并提供了具体代码示例,最后指导完成编译测试验证。全文结构清晰,配有关键代码截图,适合开发者快速上手自定义按键功能开发。

qq_42014563的博客 1018

计算机组成原理(第三版)唐朔飞-第六章计算机的运算方法-课后习题(1-16)

计算机组成原理(第三版)唐朔飞-第六章计算机的运算方法-课后习题(1-16)

weixin_45735391的博客 8万+

node实现简单接口,前后端交互

初始化一个项目(npm init),主要是安装依赖express,实现后续接口。直接命令 node 启动,终端中有打印配置服务端口时写的打印结果,证明启动成功。这里为了方便验证,用简单的原生html+jquery实现接口验证是否成功。node实现接口目的就是为了实现联调的效果,其实get请求就足够了。新建一个js文件,利用express实现请求接口,以下是主要代码。到这里简单的node实现接口就算完成了,快去试试吧。点击按钮,两种请求数据返回成功,网络响应也都正常。

想卷回去的小菜鸡的博客 1504

拓竹P1S封神玩法|AI图生3D+精准修改全攻略,打孔/挖盖再也不用瞎琢磨!

AI图生3D建模结合后期修改,让拓竹P1S用户轻松实现创意打印。文章详细介绍了从照片拍摄、AI模型生成到后期修改的全流程:使用腾讯混元3D或Tripo3D快速生成3D模型,通过Blender或Fusion360进行精准打孔、挖盖子等修改,最后在OrcaSlicer中优化切片参数适配P1S打印。重点解决了AI模型无法直接打印的问题,提供了壁厚控制、孔径调整等实用技巧,并针对常见打印问题给出解决方案,帮助新手实现从AI生成到成品打印的无缝衔接。

2501_93651177的博客 1888

节点node接口的属性与方法

1.DOM 的最小组成单位叫做节点(node)。文档的树形结构(DOM 树),就是由各种不同类型的节点组成。 2.节点的类型有七种。浏览器提供一个原生的节点对象Node,这七种节点都继承了Node,因此具有一些共同的属性和方法。 Document:整个文档树的顶层节点 DocumentType:doctype标签(比如<!DOCTYPE html>) Element:网页的各种HTML标签(比如<body>、<a>等) Attr:网页元素的属性(比如class=

qq_39342118的博客 654

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

NODE接口的属性和方法

nodeName String 节点的定义,根据节点的类型而定义; nodeValue String 节点的值,根据节点的类型而定义; nodeType Number 节点的类型常量值之一; ownerDocument Document 指向这个节点所属的文档; firstChild Node 指向在childNodes中的第一个节点; lastChild Node

qwer1573037436的博客 1181

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

DOM-Node接口常用的属性和方法

1.属性 1.1 Node.prototype.nodeType document.nodeType // 9 不同节点的nodeType的属性值不同 文档节点(document):9,对应常量Node.DOCUMENT_NODE 元素节点(element):1,对应常量Node.ELEMENT_NODE 属性节点(attr):2,对应常量Node.ATTRIBUTE_NODE 文本节点(text):3,对应常量Node.TEXT_NODE 文档片断节点(DocumentFragment):11,对应常

Boreas的博客 1715

【JavaScript 教程】DOM——Node 接口

作者 | 阮一峰所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。1、属性1.1、Node.prototype.node...

web前端开发 338

javascript学习之Node 接口

所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。

白话机器学习 360

JavaScript个人总结-DOM-Node接口

title: “JavaScript个人总结-DOM-Node接口”

qq_31435455的博客 816

DOM笔记(二):Node接口

所有的节点都使用Node接口来表示,可以使用很多方法去获取节点,如document.getElementsByTagName()、document.getElementsByName()等均返回一个NodeList对象,然后获取其中的节点。 节点对应的属性和放大均在Node接口予以定义: 1、Node接口常见的属性列表 属性名 数据类型 说明 nodeName DOMString 返回节点名 nodeValue DOMString 返回节点值 nodeType int 返回节点类型

淡忘~浅思 1362

element 往node里面增加属性值_【JavaScript 教程】DOM——Node 接口

作者 | 阮一峰所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。1、属性1.1、Node.prototype.nodeTypenodeType属性返回一个整数值,表示节点的类型。document.nodeType // 9上面代码中,文档节点的类型值为9。Node 对象定义了几个常量,对应这些类型值。document.nodeType ...

weixin_39830175的博客 646

ECMA Script 5学习笔记—8.2 DOM:Node接口

所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。 1.属性 1.1 Node.prototype.nodeType nodeType属性返回一个整数值,表示节点的类型,Node 对象定义了几个常量,对应这些类型值。 对应值如下: 元素节点:1,对应常量Node.ELEMENT_NODE 属性节点:2,对应常量Node.ATTRIBUTE_NODE 文本节点:3,对应常量Node.TEXT_NODE 注释节点:8,对应常量Node.COMMENT_NODE

aoolly的博客 208

JS DOM Node 方法属性

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

zzzjx19970411的博客 294

dom文档对象手册_JavaScript核心之DOM

本博客主要介绍内容如下:1、DOM是什么;2、DOM中的Node接口的属性;3、DOM中的Node接口的方法;4、DOM中的Document接口的属性;5、DOM中的Document接口的方法1、DOM是什么文档对象模型DOM英文全称 Document Object Model,是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变...

weixin_31974757的博客 358

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
下一篇: Documen接口提供的属性与方法
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值