JavaScript中DOM关系型节点的获取(JS笔记:二十)

最新推荐文章于 2024-08-27 21:15:00 发布
最新推荐文章于 2024-08-27 21:15:00 发布
阅读量180 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript dom vue.js jquery node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TZOF_/article/details/112632845
版权

JavaScript中DOM关系型节点的获取(JS笔记:二十)

DOM中三种关系型节点：

  • 父节点
  • 子节点
  • 相邻兄弟节点
     

DOM关系节点的获取：

  • nodeName返回当前节点的节点名字
  • parentNode返回当前节点的父节点(三种节点)
  • parentElement返回当前节点的父节点(属性节点)
  • childNodes返回当前节点的子节点集合(三种节点)
  • children返回当前节点的子节点集合(属性节点)
  • firstchild返回当前节点的第一个子节点(三种节点)
  • firstElementChild返回当前节点的第一个子节点(属性节点)
  • lastchild返回当前节点的最后一个子节点(三种节点)
  • lastElementChild返回当前节点的最后一个子节点(属性节点)
  • nextSibling返回当前节点的下一个兄弟节点(三种节点)
  • nextElementSibling返回当前节点的下一个兄弟节点(属性节点)
  • previousSibling返回当前节点的上一个兄弟节点(三种节点)
  • previousElementSibling返回当前节点的上一个兄弟节点(属性节点)

 
 
(JS笔记:二十    date:2020-12-24)

TZOF_
关注
专栏目录
JavaScript中DOM操作详解
hizyk的博客
11-24 664
声明：本人的所有博客皆为个人笔记，作为个人知识索引使用，因此在叙述上存在逻辑不通顺、跨度大等问题，希望理解。分享出来仅供大家学习翻阅，若有错误希望指出，感谢！ 节点层次 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构 文档元素是文档的最外层元素，文档中的其他元素都包含在文档元素中，每个文档只能有一个文档元素，在html页面中，文档元素始终是<html>元素 每一段标记都可以通过树中的一个节点表示，总共有12种节点类型，这些类型都继承自一个基类型：node Node类型
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
JavaScript与DOM的奇妙探险：从入门到精通的实战笔记
2301_80064376的博客
07-20 751
在现代Web开发中，JavaScript与DOM（文档对象模型）是每个开发者必不可少的工具和技能。无论你是刚踏入前端开发领域的新手，还是希望深入了解并掌握高级技巧的经验丰富者，这篇笔记都会为你提供宝贵的指导。本文将带你全面了解JavaScript与DOM的关键概念、基本操作和高级应用，帮助你在开发过程中游刃有余，创造出更加动态和交互性强的网页
JavaScript DOM学习笔记
Samuel的博客
08-13 684
DOM（Document Object Model） dom提供了操作html和xml的机会，他是一个操作html和xml功能的一类对象的集合 DOM的基本操作 document代表整个文档 NodeList，一种节点集合 有item(x)方法（与NodeList[x]效果一样） HTMLCollection，HTML文档中的一种集合类型 该集合是对元素的引用，也就是说不是元素的闪照 有item(x)方法；有namedItem(name)方法，通过标签的name属性获取某一项的引用（可以直接用中括号使用如
【JavaScript】DOM笔记（随缘更新ing）
前端小白, 稀土：雩风十六
07-01 558
JavaScript DOM笔记
JavaScript：js；知识回顾；笔记分享
最新发布
weixin_72637723的博客
08-27 1831
JavaScript：js；知识回顾；笔记分享；js和java区别；js特点
JavaScript BOM与DOM 学习笔记
m0_56387086的博客
07-22 475
1.根据ID获取2.根据标签名获取3.通过HTML5新增的方法获取4.特殊元素获取。
javascript DOM BOM 笔记
喵喵的博客
07-09 949
Web API API的概念 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) Web API的概念 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) 此处的Web API特指浏览器提供的API(一
Javascript入门学习笔记
weixin_61370021的博客
04-27 4661
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
【狂神说JAVA】JavaScript详细笔记(全)
weixin_66207170的博客
11-21 374
绝对值函数所有的函数都是由function定义的。
JavaScript基础笔记总结
小鹤哥的博客
08-17 825
JavaScript 基础入门，Java后端必学知识点整理
Javascript笔记
nuomi_w的博客
10-27 591
1、什么是JavaScript 1.1、概述 JavaScript是一门世界上最流行的脚本语言 Java、JavaScript =一个合格的后端人员，必须要精通JavaScript= 1.2、历史 https://www.w3school.com.cn/js/pro_js_history.asp ECMAScript它可以理解为是JavaScript的一个标准 最新版本已经到es6版本 但大部分浏览器还只停留在支持es5版本 问题：开发环境和线上环境，版本不一致 2、快速入门 2.1、引入JavaScrip
JavaScript笔记
shine_my的博客
03-13 3319
JavaScript笔记
JavaScript中parseFloat()转换规则(JS笔记:九)
TZOF_的博客
12-15 1377
JavaScript中parseFloat()转换规则(JS笔记:九) 数字：不转换还是为自身。 null：转为NaN。 undefined：转为NaN。 字符串：会忽略前面的0和空格直到找到第一个数字然后一直找到非数字字符为止。 字符串为数字：转为对应的数值。 字符串中有一个小数点：转为对应的浮点数值。如果有第二个小数点则截取第二个小数点之前的数值片段。 字符串中有0x：转为0。 字符串为空：转为NaN。 字符串为非空非数字非0x：转为NaN。 字符串中有科学计数法e：字符e(后面加number) 转
JavaScript中的for循环if条件判断和switch开关语句(JS笔记:十二)
TZOF_的博客
12-23 1300
JavaScript中的for循环if条件判断和switch开关语句(JS笔记:十二) for循环： 格式：for(初始化变量，条件判断，变量更新){语句块}; var arr = [1,2,3,2,52,4,1,2,5,2,125]; for(let i = 0; i < arr.length; i++){ console.log(arr[i]); }   for…in循环： 格式：for(x in item){语句块}; for…in 可以遍历数组，字符串： // for.
JavaScript中Number()转换规则(JS笔记:七)
TZOF_的博客
12-15 826
JavaScript中Number()转换规则(JS笔记:七) Number()转换规则： 布尔值：true转为1，false转为0。 数字：不转换还是为自身。 null：转为0。 undefined：转为NaN。 字符串：会忽略前面的0和空格直到找到第一个数字。 字符串为数字：转为对应的数值。 字符串中有一个小数点：转为对应的浮点数值。如果有第二个小数点则截取第二个小数点之前的数值片段。 字符串中有0x：转为十六进制对应的十进制数值。 字符串为空：转为0。 字符串为非空非数字非0x：转为NaN。 &n
JavaScript逻辑运算符(与或)的取值规则(JS笔记:十)
TZOF_的博客
12-15 638
JavaScript逻辑运算符(与或)的取值规则(JS笔记:十) &&(与)的取值规则： 从最左往右计算，如果表达式取值为true，或者结果隐士转化为true，那么就继续运算下一个表达式，直到第一个false,返回该表达式运算结果，如果都没有;那么返回最后一个表达式运算结果。   ||(或)的取值规则： 如果第一个操作数是对象，则返回第一个操作数。 如果第一个操作数的求值结果为false，则返回第二个操作数。 如果两个操作数都是对象，则返回第一个操作数。 如果两个操作数是n
JavaScript中parseInt()转换规则(JS笔记:八)
TZOF_的博客
12-15 629
JavaScript中parseInt()转换规则(JS笔记:八) parseInt()转换规则： 数字：截断小数，返回小数点前的数值。没有小数点不转换还是为自身。 null：转为NaN。 undefined：转为NaN。 字符串：会忽略前面的0和空格直到找到第一个数字然后一直找到非数字字符为止。 字符串为数字：转为对应的数值。 字符串中有一个小数点：截断小数，返回小数点前的数值转为数值形。 字符串中有0x：转为十六进制对应的十进制数值。 字符串为空：转为NaN。 字符串为非空非数字非0x：转为NaN。
JavaScript DOM操作详解：节点关系与高效获取
本篇教程是关于JavaScript操作HTML DOM节点的基础指南，主要介绍了如何利用DOM（Document Object Model）在JavaScript中对页面结构进行动态管理。DOM模型将HTML文档视为一个由节点构成的树状结构，允许开发者通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TZOF_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值