JavaScript(二十二) DOM节点类型

最新推荐文章于 2024-11-07 19:48:34 发布
最新推荐文章于 2024-11-07 19:48:34 发布
阅读量291 收藏
点赞数
分类专栏： 前端 html 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web15870359587/article/details/123254242
版权
html 同时被 2 个专栏收录
55 篇文章 0 订阅
订阅专栏
前端
54 篇文章 1 订阅
订阅专栏
这篇博客探讨了浏览器环境中节点遍历的方法，包括parentNode和childNodes属性的使用，以及在IE9以下浏览器中可能不兼容的parentElement。还提到了nodeType和attributes属性在识别节点类型和获取元素属性时的作用。内容深入浅出，适合前端开发者了解和掌握DOM操作技巧。
摘要由CSDN通过智能技术生成

一，遍历节点树

基本所有浏览器都兼容

1. parentNode

找到父级， parentNode顶层节点是document

控制台显示：

2. childNodes

子节点就多了，找出来的肯定是一个组（类数组），找直系，

节点有好多：文本节点，注释节点，元素节点，属性节点

二，遍历元素节点树

下面这些IE9以下都不兼容，除了children，上面的灵活，下面好用

parentElement

与parentNode不一样的是，parentElement不包括document节点，document不是一个元素

三，节点属性

nodeType会返回节点类型后面的数字

属性节点基本没啥用

attributes是个属性集合，id，class这些都是属性

节点的一个方法：查看有没有节点，返回结果不是true就是false

java全套学习资料
关注
专栏目录
JavaScript中获取DOM节点的方法
weixin_73186081的博客
10-08 1988
js获取Dom节点常见的方法：元素节点，属性节点，文本节点。 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（document.documentElement） document.documentElemen
浅谈Javascript中的12种DOM节点类型
10-21
每种节点类型的属性和方法略有不同，但它们共同构成了一个可以操作的文档树模型，使得DOM成为网页交互的核心技术之一。在实际应用中，这些知识为前端开发人员提供了丰富的操作空间，使得他们能够利用Javascript对...
DOM节点类型及其属性和方法
叶子yes的博客
08-23 5847
DOM是JS操作网页的接口，全称为“文档对象模型它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。文档——文档表示的就是整个的HTML网页文档对象——对象表示将网页中的每一个部分都转换为了一个对象模型——使用模型来表示对象之间的关系，这样方便我们获取对象文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。
DOM节点类型
qq_56973906的博客
07-17 843
DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。
JavaScript DOM—节点操作
Jin_Xiang123的博客
01-04 1547
文档对象模型（Document Object Model，简称DOM）是一种基于树状结构的编程接口，用于操作HTML、XML和SVG等文档。它将文档表示为一个树状结构，其中每个节点代表文档中的一个元素、属性、文本或其他类型的内容。DOM提供了一组标准的对象和方法，可以通过JavaScript等编程语言来访问和操作文档的各个部分。通过DOM，开发者可以使用JavaScript来读取、修改、添加和删除文档的元素、属性和内容。DOM树是由节点组成的。文档节点是DOM树的根节点，它是整个文档的入口点。
JavaScript丨打印指定 DOM 节点
牛牛要炸啦！！
12-08 1413
打印指定 DOM 节点
DOM是什么？含12种DOM节点类型概述
qing_tong_tong的博客
06-05 2563
百度
DOM节点类型及相关的内容
qq_37953045的博客
06-02 1418
DOM的全称是（document object model）一共有12种节点类型，最常用的有：元素节点（nodeType：1），属性节点（nodeType：2），文本节点（nodeType：3），注释节点（nodeType：8） nodeName：获取节点名称 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style&
DOM节点类型及属性
BReezeFK的博客
08-04 1695
DOM操作之——DOM节点类型及属性 虽然现在我们在开发中已经用不到自己操作DOM了，之前有JQ，现在更是有VUE、REACT两大框架供我们使用，但是我们也有必要了解下，关于原生JS中的DOM操作问题。 这次我们介绍一下DOM节点类型及获取节点的方法 我们认为在页面中所有呈现的内容，都是DOM文档中的一个节点（node），例如：元素标签是元素节点、注释的内容是注释节点、文本内容是文本节点、document是文档节点… 一、节点类型 1、文档节点 document 重点记忆属性： nodeType
javaScript:什么是DOM操作?DOM节点？
qq_52799985的博客
09-05 712
DOM 操作指的是使用 JavaScript 通过文档对象模型（DOM）来操纵网页中的 HTML 元素和内容。DOM 是一个树状结构，表示网页的结构和内容，它允许开发者通过 JavaScript 修改、添加、删除或查询网页中的元素和属性。
JavaScript HTML DOM元素 节点操作汇总
10-16
总之，JavaScript的DOM节点操作提供了强大的能力，使我们能够动态地更新页面内容，实现丰富的用户交互。通过熟练掌握这些基本操作，开发者可以轻松地创建动态、响应式的Web应用。在实际开发中，结合事件监听、CSS...
纯JavaScript操作DOM节点
05-22
纯JavaScript操作DOM节点，通过动态JS创建元素标签，自定义元素的个数，并显示序号和对应的正则表达式验证和图片类型大小验证，，在前端用户姓名和性别多选框的取值已拿到，最后把后面的if else代码放开就可以了，...
JavaScript DOM节点操作方法总结
10-21
首先，DOM节点主要分为三种类型：元素节点、属性节点和文本节点。元素节点对应HTML中的标签，属性节点对应标签中的属性，而文本节点包含标签之间的文本信息。对DOM的操作通常包括对元素节点和属性节点的增删改查。 ...
Vue实现登录功能
最新发布
qq_47296476的博客
11-07 244
总体来说，这段代码主要负责处理用户登录成功后的一系列操作，包括权限控制、路由跳转、消息提示和加载状态管理。方法用于获取有当前用户权限标识的路由数组，并进行对原路由的替换。方法用于设置递归过滤有权限的路由到 Pinia 的 routesList 中，并缓存多级嵌套数组处理后的一维数组。方法中创建的加载状态元素包含了一组加载动画的 HTML 结构，通过设置不同的类名和样式来展示加载效果。方法中，将创建的加载状态元素插入到页面的顶部，显示加载状态。这些方法共同实现了前端控制路由的权限管理和动态路由添加的功能。
智能化健身房管理：Spring Boot与Vue的创新解决方案
Yaml4的博客
11-07 534
在现代社会，人们对健康和健身的重视程度不断提高。健身房作为人们进行体育锻炼和追求健康生活的重要场所，其数量和规模也在不断增长。然而，传统的健身房管理方式面临着诸多挑战。一方面，随着健身房会员数量的增加和业务的不断扩展，传统的人工管理方式变得越来越繁琐和低效。例如，会员信息的登记、课程安排、教练分配、设备管理等工作都需要大量的人力和时间，而且容易出现错误和漏洞。此外，传统的管理方式也难以满足会员对个性化服务和便捷体验的需求。另一方面，随着科技的不断进步，人们对智能化、数字化的服务需求也越来越高。
【660】基于SSM+Vue的在线学习系统设计与实现
paopaokaka_luck的博客
11-03 697
IDEA的诞生在Java集成开发工具行业正所谓平地起雷，瞬间震动了整个Java开发行业。真的是每个人用过的都说好。IDEA之所以相比于其他比如MyEclipse或者Eclipse之类的Java开发工具来讲比较好，原因首先在于设计方面。IDEA采用了所谓的人体工程学设计原理，让使用IDEA的人员用了就忘记不了。软件打开首先要设置主题，可以选择常规的白色或者暗色系列，长时间的白色或者长时间的暗色会让开发人员的眼睛疲劳加重，首先从这个细节就让程序开发人员备受青睐，让程序员看着舒服；
fastapi_socketio连接vue的socktio.client
u014220146的博客
11-06 310
所以默认配置是客户端连接时使用的路径时ws，而不是http， 并且路径还要带上socketio.io。提示：如果遇到跨域问题自行解决。
vue种ref跟reactive的区别?
renqq001的博客
11-07 376
vue种ref跟reactive的区别?
JavaScript节点类型详解与DOM节点分类
"《实变函数习题精选》与JavaScript中的节点类型" 在JavaScript的世界里，节点（Node）是DOM（Document Object Model）文档结构中的基本构建块。DOM是一种树形结构，它允许我们通过编程方式来访问和操作HTML或XML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值