原生JavaScript节点

最新推荐文章于 2022-07-28 19:28:35 发布
最新推荐文章于 2022-07-28 19:28:35 发布
阅读量528 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kajweb/article/details/71686761
版权


父节点 .parentNode

当前节点第一个.parentNode.firstChild

上一个节点.previousSibling

当前节点

下一个节点.nextSibling

当前节点最后.parentNode.lastChild


子节点.childNodes[0]


<a href="?act=del&amp;page=1&amp;ID=1">删除</a>

.childNodes[0].nodeValue

取得文本节点.innerHTML

林毅洋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生JS--解读Node（节点）
descire
01-18 5092
写在前面本来开开心心的看着ityped.js的源码，才看到几十行就发现怎么有两个方法没见过。然后翻看了一下MDN,发现自己的知识库要更新了。通过翻阅MDN和Stack Overflow，总结一些原生DOM操作的知识点，大致分为三个部分：Node解读、Element上的操作、DOM中的位置计算。Node的分类Node中有很多类，但是有几个你必须记住： | 类型 | node
原生操作节点
yeee1128的博客
08-18 1786
1.获取子节点 1.1 父节点.children 1.2 父节点.childNodes 标准属性 var oUl = document.getElementsByTagName("ul")[0]; //获取子节点 //1.1 父节点.children 非标准属性 一般用这个 var children = oUl.children; console.log(children); //HTMLCollection(6)
原生js节点操作
Niko_Yu的博客
12-04 622
原生js节点操作节点属性值1 获取上级节点 1Node.parentNode //返回父节点2Node.ownerDocument //返回祖先节点 2 获取下级节点 1Node.childNodes //返回相邻后代的元素节点和文本节点对象的集合(换行算作文本节点)2Node.children //返回相邻后代的元素节点集合3Node.firstChild ...
原生获取节点（父子兄弟）
dokill的博客
07-26 1050
null
原生js的操作节点的解释说明
fly_home_ysc的博客
10-19 925
操作的方法appendChild(node) 该方法是在childNodes列表末尾添加一个节点。由于整个dom元素都是通过指针相连的。再添加节点后，childNodes付费新增节点、父节点、以及以前的最后一个子节点的关系指针都会得到相应的更新。更新完成后，apendChild（node）返回新的节点。 var returnNode=someNode.apppendChild(newNode);
JavaScript原生节点操作小结
10-20
在原生JavaScript中，`childNodes`属性返回指定元素的所有子节点，包括元素节点、文本节点和注释节点。例如，`document.getElementById('b_pole').childNodes[0]`可以获取到id为'b_pole'的元素的第一个子节点。值得...
nativeJS:一个没有 jQuery 的原生 JavaScript 项目
07-02
JavaScript 原生项目 概述 一个没有 jQuery 的原生 JavaScript 项目。 先决条件 Node.js 和工具 获取[Node.js][节点下载]。 安装工具依赖项 ( npm install )。
原生JavaScript实现弹幕组件的示例代码
10-14
标题和描述中提到的知识点是使用原生JavaScript实现一个弹幕组件，也就是视频上的弹幕评论功能。弹幕功能在视频网站中非常普遍，允许用户发送短消息在视频播放时以弹幕的形式飘过屏幕。这个知识点涉及到了JavaScript...
dom对原生节点、操作篇
weixin_51035283的博客
06-21 395
在原生中，对dom节点的操作，例如 创建，添加，替换，克隆，删除节点等..... 1.创建节点document.createElement('标签名') var odiv=document.createElement('div') console.log(odiv) odiv.innerHTML='这是一个新建的div' ...
js基础之DOM中元素对象的属性方法
weixin_30724853的博客
11-24 143
js基础之DOM中元素对象的属性方法 在 HTML DOM （文档对象模型）中，每个部分都是节点。 节点是DOM结构中最基本的组成单元，每一个HTML标签都是DOM结构的节点。 　　文档是一个 文档节点 。 　　所有的HTML元素都是 元素节点 　　所有 HTML 属性都是 属性节点 　　文本插入到 HTML 元素是 文本节点 　　注释是...
原生js DOM节点的获取和简单操作
paidaboluo的博客
07-28 1625
原生js DOM节点的获取和常用操作
原生 JS 获取节点方法总结
清平调、其N 的博客
01-26 7462
一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。 1 var a = document.getElementById("test").getElementsByTagName("div"); ...
JS获取子节点、父节点和兄弟节点的若干种方式
热门推荐
laok_的博客
07-22 27万+
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div"); 2.通过childNodes获取子节点使用child
jquery获取对应节点与原生DOM区别
梦里回忆-专栏
09-14 1564
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的getElementById的参数在IE8及较低的版本不区分大小写IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个
javaScript 原生DOM节点操作（最实用的dom节点操作大全）
憧憬个人博客
01-20 1832
简单介绍一下DOMDOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。也就是说把文档编译成了一个对象模型，例如我们写的html文件实际上是一个文档文件，通过我们的浏览器把它编译成了一个对象模型，这个模型就是document对象。DOM 以树结构表达 HTML 文档。就好像是一个家族谱，有父级元素也有对...
原生JS节点获取、Class增删改查、属性操作、Dom操作
荧光之烛
06-15 1万+
HTML内容 &lt;div id="head"&gt; &lt;div class="head_wrapper"&gt;1&lt;/div&gt; &lt;div class="headBlock"&gt;2&lt;/div&gt; &lt;/div&gt; 原生JS获取节点 在这里推荐使用element元素的方法 因为节点得
原生js删除节点、替换节点、复制节点
LLL_liuhui的博客
04-17 3万+
1、removeChild() 用来删除父节点的一个子节点。 parent.removeChild(childNode); 如下：<div id="box"> <p id="p1">这是一个段落</p> <p id="p2">第二个段落</p> </div> <script> var box=document.getElementById("box"); //找到父元素
js 原生获取节点样式
最新发布
09-01
在 JavaScript 中，可以使用 getComputedStyle() 方法来获取节点的样式。该方法接受一个参数，即要获取样式的节点。 使用方法如下： ```javascript var element = document.getElementById('myElement'); // 获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值