三、DOM-节点操作

最新推荐文章于 2024-04-17 08:48:05 发布
最新推荐文章于 2024-04-17 08:48:05 发布
阅读量390 收藏
点赞数
分类专栏： Web  APIs 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55891636/article/details/128087733
版权
本文介绍了DOM节点操作，包括父节点查找、子节点查找、兄弟节点查找、增加节点和删除节点的方法。同时讲解了时间对象的实例化、时间对象的方法以及如何获取时间戳。
摘要由CSDN通过智能技术生成

目录

节点操作

DOM节点

查找节点

父节点查找

子节点查找

兄弟节点查找

增加节点

删除节点

时间对象

实例化时间对象

时间对象方法

时间戳

节点操作

DOM节点

DOM树里每一个内容都称之为节点

​ 节点类型：

​         元素节点 ：所有的标签，比如body，div。html是根节点

​         属性节点：所有的属性，比如href

​         文本节点：所有的文本

查找节点

父节点查找

​ parentNode属性；返回最近一级的父节点 找不到返回null

  子元素.parentNode

子节点查找

  • childNodes ；获得所有子节点，包括文本节点（空格，换行）、注释节点等

    children ；仅获得所有元素节点，返回的是一个伪数组

    父元素.children
最低0.47元/天 解锁文章
槿川001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM 删除节点
lsx202406的博客
07-27 243
在DOM中，文档的每一个部分都是一个节点。DOM树由不同类型的节点组成，包括元素节点、文本节点、属性节点等。例如，HTML文档中的每个标签都是一个元素节点，标签内的文本是文本节点。删除DOM节点是Web开发中的一个基本操作。通过使用remove或innerHTML方法，开发者可以轻松地从DOM树中移除不需要的元素。在实际应用中，选择哪种方法取决于具体的需求和浏览器的兼容性。
DOM节点的删除
weixin_44540247的博客
04-16 1523
插入元素的方法多种多样，在实际应用中也很常见，但是不可能只用插入元素的方法，就好像你在点外卖的时候手滑选错了商品，下意识的会去叉掉，这一个操作就是利用了删除节点的方法。 原生的JS代码比较复杂，所以在编写代码时会用到一些插件，jQuery也是其中一种比较好用的一款插件，它提供了几种删除节点的方法：empty()、remove()、detach()。我用一个例子来进行讲解（代码借鉴于老师）。 emp...
Dom如何创建和删除元素节点
beibei_niao的博客
12-21 237
DOM节点操作--创建和删除元素节点 <body> <ul id="list1"> <li>样板房</li> </ul> <div> <button type="button" onclick="addElementLi();">添加LI</but...
JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
最新发布
m0_60607562的博客
04-17 1847
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
DOM操作(删除父节点下的所有子节点)
public369的博客
06-07 1171
获取父节点下的所有子节点，parentNode.childNodes for循环，i–；i++有bug，删除不干净，
07.Dom-节点操作.md
06-19
07.Dom-节点操作
DOM - 节点操作
m0_70552412的博客
09-04 1128
网页中所有的内容都是节点（标签，属性，文本，注释等），在DOM中，节点使用 node 来表示HTML DOM 树中所有的节点均可通过 java Script 进行访问，所有HTML元素（节点）均可被修改，也可以创建和删除。一般来说，节点至少拥有nodeType（节点类型） nodeName（节点名称）和nodeValue（节点值）这三个基本属性。元素节点 nodeType 为1属性节点 nodeType 为2文本节点 nodeType 为3 （文本节点包含文字，空格，换行等）
dom-serializer：渲染dom节点
02-09
`dom-serializer` 是一个非常有用的工具库，用于将DOM节点或者DOM节点数组转换为字符串形式，这在处理动态生成的内容或进行序列化操作时特别有用。它可以帮助开发者将内存中的DOM结构以文本的形式输出，便于存储、...
js操作DOM--添加、删除节点的简单实例
10-21
本文将介绍如何在JavaScript中添加和删除DOM节点的示例。 ### 添加节点 在JavaScript中添加节点主要通过`document.createElement`方法创建新元素，然后通过`appendChild`方法将其添加到父元素中。具体步骤如下： ...
DOM节点的插入、复制、删除、查找操作方法
m0_69848082的博客
07-17 998
DOM 是万维网上使用最为广泛的 API 之一，因为它允许运行在浏览器中的代码访问文件中的节点并与之交互。节点可以被创建，移动或修改。事件监听器可以被添加到节点上并在给定事件发生时触发。DOM 并不是天生就被规范好了的，它是浏览器开始实现JavaScript时才出现的。这个传统的 DOM 有时会被称为 DOM 0。现在，WHATWG 维护 DOM 现存标准。
利用DOM操作节点方法实现节点的动态删除
YY的博客
10-20 345
利用DOM操作节点方法实现节点的动态删除
js 创建DOM，并添加父DOM上，移除某个DOM的所有子节点
pig_ning的博客
09-06 564
js 创建DOM，并添加父DOM上，移除某个DOM的所有子节点
vue 动态添加/删除dom元素
qq_30351747的博客
08-09 6194
vue 动态添加/删除dom元素
【DOM】DOM操作之如何添加、删除、替换元素_04
青春木鱼的博客
05-19 7035
本文将详细介绍如何使用DOM操作添加、删除、替换元素。我们使用document.createElement("标签名")来创建元素，使用父元素.removeChild(子元素)来删除子元素。另外，用createElement创建的新元素对象，暂时是游离在内存中，并没有被加入到DOM树。而浏览器显示哪些元素，完全依照DOM树的内容来生成。所以，新元素不会被浏览器加载到页面上，用户暂时是看不到的！因此，今后只要创建新元素，最后一步都是将新元素添加到DOM树上指定的父元素下。
原生js创建并删除dom
左直拳的马桶_日用桶
08-07 2163
一言不合上代码，以canvas为例： id = "canvas1"; //创建一个canvas var canvas = document.createElement("canvas"); canvas.id = id; canvas.width = window.screen.availWidth; canvas.height= window.screen.availHeight; canvas.style.cssText = "position: absolute; left: 0px; top:
清除父节点中所有子节点的三种方法
qq_39706777的博客
11-18 5688
1.innerHTML Node.innerHTML = "" 将Node节点的innerHTML置为空，就清空了Node节点 innerHTML 是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML 2.remove() + 循环 获取Node节点里的第一个子节点，子节点调用remove()删除自己，循环执行直到Node没有子节点。 while(Node.firstChild){ Node.firstChild.remove() } 3.removeChild() + 循环 获取No
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值