DOM-Node对象

最新推荐文章于 2021-12-09 14:26:18 发布
最新推荐文章于 2021-12-09 14:26:18 发布
阅读量133 收藏
点赞数
分类专栏： js基础 文章标签： Node对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2245/article/details/82297489
版权

DOM - Node对象

 

    ------节点对象代表文档树中的一个节点。

 

 

Node 对象

 

  • 是整个DOM的主要数据类型。
  • 节点对象代表文档树中的一个单独的节点。
  • 节点可以是元素节点，属性节点，文本节点，或者其他类型

Node 对象的属性

  • childNodes  
         -------返回指定节点的 子节点的节点 列表

  • firstChild
         -------返回节点的 首个子节点

  • lastChild
         -------返回节点的 最后一个子节点

  • nextSibling
         ------返回节点 之后紧跟的同级节点

  • nodeName
        -------返回 节点的名称

  • nodeType
        -------返回 节点的类型

  • nodeValue
        --------设置或返回节点的 值

  • ownerDocument
        -------返回 节点的根元素(document对象)

  • parentNode
        --------返回节点的 父节点

  • previousSibling
        --------返回节点 之前紧跟的同级节点


 

扩展阅读：

 

http://www.w3school.com.cn/xmldom/dom_node.asp

iteye_2245
关注
专栏目录
JS（DOM-Node、Document、Element）
qq_48108860的博客
03-11 2466
目录 定义 Node类型 Node类型的属性和方法 获取body节点 查看节点类型nodeType（Document9 Element1 Text3 Comment8） 返回节点名称nodeName（返回纯大写节点名称） 获取子节点childNodes，保存的是NodeList列表（返回一个类数组对象） ES5 将类数组对象转换成数组对象 ES6 将类数组对象转换成数组对象 获取兄弟节点的前一个节点previousSibling 获取兄弟节点的后一个节点nextSibling 获取n
DOM node对象
weixin_46441425的博客
02-26 175
增加节点和删除节点
DOM_Node对象
fanfjaiyun的博客
02-23 158
Node：节点对象，其他5个的父对象 **特点：**所有dom对象都可以被认为是一个节点 方法： CRUD dom树： appendChild()：向节点的子节点列表的结尾添加新的子节点。 removeChild() ：删除（并返回）当前节点的指定子节点。 replaceChild()：用新节点替换一个子节点。 属性： parentNode 返回节点的父节点。 <!DOCTYPE html&...
说说JavaScript中DOM的Node对象
weixin_34080903的博客
09-02 131
Node对象 Node对象的概念 首先了解一下Node对象怎么用。DOM的标准规范中提供了Node对象，该对象主要提供了用于解析DOM节点树结构的属性和方法。DOM树结构主要是依靠节点进行解析，成为DOM节点树结构。Node对象是解析DOM节点树结构的主要入口。Node对象提供的属性和方法，可以实现遍历节点、插入节点和替换节点的操作。 继...
原生DOM的Node对象
一碗周
12-09 342
大家好，我是一碗周，一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐，万分有幸~ 这是【从头学前端】系列文章的第四十二篇-《Node对象》 概述 Node对象是什么 DOM的标准规范中提供了Node对象，该对象主要提供了了用于解析DOM节点树结构的属性和方法。 DOM树结构主要是依靠节点进行解析，称为DOM节点树结构。Node对象是解析DOM节点树结构的主要入口。 Node对象提供的属性和方法，可以实现遍历节点、插入点和替换节点等操作。 Node对象并不像Document对象一样，提供可.
JavaScript—DOM 核心之Node对象
Just for funnnnnnnnnnnn
09-07 275
在图书馆发现了绝版的《Javascript DOM 高级程序设计》，书已经出版很长时间了，即使在技术更新换代如此之快的时代，它仍然具有较高的阅读价值。这是我大致整理的一些东西。核心Node对象1.节点名称，值和类型用nodeName取节点名称。 Element.nodeName （返回元素的名称，大写） Attr.nodeName （返回属性的名称，小写）用nodeValu
xs-dom-single-node-lib:面向速度的 DOM 操作库。 用于快速有针对性地操作单个 HTMLElement 节点
07-05
xs-dom-single-node-lib 面向速度的 DOM 操作库。... 对dom对象的引用现在将在您的项目中全局可用。 < script src =" ../libs/xs-dom-single-node-lib.js " > </ script > 好的，你
dom-expand：dom-expand提供了对dom中原生类型功能的扩展（Element，EventTarget，Node等等），也提供了一些工具功能
02-07
DOM-Expand是一个JavaScript库，它的主要目标是增强和扩展DOM（文档对象模型）中的原生类型，如Element、EventTarget和Node等。这个库通过添加新的方法和属性，为JavaScript开发者提供更强大、更便捷的方式来操作和...
mathjax-node-page：页面的mathjax-node
02-04
mathjax节点页面 此Node.js模块建立在并提供对较大内容片段的... 如果input是带有HTML或jsdom对象的字符串（应通过导出的JSDOM获取JSDOM类），则pageConfig指定页面范围的选项，而mjnodeConfig需要mathjax-node配置选
jsdom-devtools-formatter:使jsdom元素看起来像Chrome Devtools控制台中的真实DOM元素
05-17
简而言之：不要像这样通过检查其实现对象来尝试理解的元素代表什么： …让我们像检查它们一样，将它们视作真正HTML元素： 典型的用例是一些在Node.js环境中利用脚本/测试，例如 。 如何使用 npm install jsdom-...
七(1).DOM的核心对象:Node 分析
MYOS的博客
08-01 783
在第六章的两节中，我们已经深入的讨论了两个标准的DOM方法和一个自己生产的方法。 getElementById() # 通过ID属性查找元素（标准）getElementsByTagName() # 通过标签名称查找元素（标准）getElementsByClass() # 通过类名查找元素（自己生产的方法）这两个标准的强大的DOM方法人我们轻松的完成
js的node对象(节点的使用)
全场梦游c的博客
03-16 3668
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function copy1(){ var i1=document.getElementById("i1")
js—DOM节点操作
otatoz
09-03 4808
一、定义 DOM ：文档对象模型 DMO是针对HTML文档的一个API（应用程序编程接口），DOM描绘了一个层次化的节点树，允许开发人员添加，删除，修改页面的某一部分。 节点分为几种不同的类型 ： Node类型 Document类型 Element类型 Text类型——文本类型 Comment类型 —— 注释类型 二、类型的具体说明 Node类型 属性：...
focusNode源码
schifred的博客
01-29 364
focusNode(node) 通过执行node.focus()方法，使node获得焦点。   'use strict'; function focusNode(node) { try { node.focus(); } catch (e) {} } module.exports = focusNode;   ...
【JavaScript】js基础-DOM（element，Node对象）
你今天真好看呀
08-17 1131
element对象 1.要操作element对象，需要先获取到element 使用document显影的方法获取element 2.方法： getAttribute("属性")获取属性里面的值
DOM里面的Node对象和Element对象的区别
weixin_34185320的博客
08-31 784
Node对象 Dom的标准规范中提供了Node对象，该对象主要提供了用于解析DOM节点树结构的属性和方法，DOM树结构主要是依靠节点进行解析，成为DOM节点树结构，Node对象是解析DOM节点树结构的主要入口，Node对象提供的属性和方法，可以实现遍历节点、插入节点等操作 判断节点类型 元素名.nodeName; - 得到标签名称(大写)...
DOM的核心:Node 对象的nodeName,nodeValue,nodeType
caohuajin的专栏
06-23 820
DOM的核心:Node 对象的nodeName,nodeValue,nodeType2010-02-26 15:36:21|  分类： HTML 阅读111 评论0   字号：大中小 订阅 DOM中的每个Elements都扩展自Node对象。即使是document和documentElement 也是如此，只不过他们也有自己特有的属性和方法。Node对象的属性中包括一些用于识别的特征，如
基于SpringBoot+Vue+MyBatis实现的音乐网站源码+数据库+文档说明-毕业设计.zip
最新发布
10-10
基于SpringBoot+Vue+MyBatis实现的音乐网站源码+数据库+文档说明-毕业设计.zip，本资源中的源码都是经过本地编译过可运行的，评审分达到98分，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业和课程设计使用需求，如果有需要的话可以放心下载使用。 基于SpringBoot+Vue+MyBatis实现的音乐网站源码+数据库+文档说明-毕业设计.zip，本资源中的源码都是经过本地编译过可运行的，评审分达到98分，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业和课程设计使用需求，如果有需要的话可以放心下载使用。 基于SpringBoot+Vue+MyBatis实现的音乐网站源码+数据库+文档说明-毕业设计.zip，本资源中的源码都是经过本地编译过可运行的，评审分达到98分，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业和课程设计使用需求，如果有需要的话可以放心下载使用。基于SpringBoot+Vue+MyBatis实现的音乐网站源码+数据库+文档说明。
dom-to-image使用方法
12-28
该方法接受两个参数：要转换的DOM元素和一个可选的配置对象。例如，将id为"my-node"的DOM元素转换为JPEG图像： ```javascript domtoimage.toJpeg(document.getElementById('my-node'), { quality: 0.95 }) .then...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值