JS元素节点的一些属性和获取元素子节点的方法

最新推荐文章于 2023-07-26 15:11:42 发布
最新推荐文章于 2023-07-26 15:11:42 发布
阅读量305 收藏 1
点赞数
分类专栏： JavaScript 文章标签： javascript 开发语言 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wytccc/article/details/127632530
版权

节点的一些属性

属性名元素节点属性节点文本节点注释节点文档节点
nodeType12389
nodeName标签名属性名#text
nodeValuenull属性值文本内容

获取子节点的一些方法

作用能获取到元素节点和文本节点只能获取到元素节点
获取所有的子节点childNodeschildren
获取第一个子节点firstChildfirstElementChild
获取最后一个子节点lastChildlastElementChild
获取当前节点下面最近的兄弟节点nextSiblingnextElementSibling
获取当前节点上面最近的兄弟节点previousSiblingpreviousElementSibling
获取父节点parentNodeparentElement
百香果果ccc
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【JS】节点的获取和属性及使用
weixin_64615992的博客
03-13 1719
js节点的属性、获取（查找）、使用（创建、添加、删除、替换） `HTMLCollection` 与 `NodeList`
JavaScript中节点获取，节点的属性，如何操作节点
weixin_45268910的博客
08-04 3095
任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的层级结构。 一般来说在HTML中文档的节点分为三种： 1、元素节点 通过querySelector获取的节点就是元素节点 2、属性节点 通过getAttribute获取到的节点就是属性节点 3、文本节点 我们通过innerText获取到的就是文本节点 节点属性： nodeType节点类型 nodeN...
JS--DOM节点对象，获取节点，节点属性，操作Dom节点，获取元素的偏移量，获取元素尺寸及综合练习
qq_63322025的博客
08-29 629
JS--DOM节点对象，获取节点，节点属性，操作Dom节点，获取元素的偏移量，获取元素尺寸及综合练习
JS 获取节点属性值
热门推荐
hedafighter2011的专栏
07-03 1万+
getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字 示例： getAttribute()
js节点属性
cheng_cuo_tuo的博客
01-26 519
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> /* 使用getAttribute()方法可以获得元素的指定属性值。 接收的参数是一个以字符串形式表示的属性名称。
JavaScript 获取元素在父节点中的下标(推荐)
10-19
在JavaScript中，获取元素在父节点中的下标是一项常见的任务，尤其在进行DOM操作和页面交互时。在jQuery中，我们可以方便地使用`$(this).index()`来获取元素在父节点同级元素中的索引位置。然而，在原生JavaScript中...
js遍历子节点子元素附属性及方法
10-25
首先，我们可以通过`getElementById`方法获取到特定ID的元素，然后通过其`childNodes`属性来访问所有的子节点，包括文本节点、元素节点等。例如，在给定的代码中，`usernameEle.childNodes`就是获取了ID为"username...
javascript删除一个html元素节点的方法
10-25
这个方法接受一个参数，即要删除的子节点。以下是一个实例，展示了如何实现这个功能： ```html <!DOCTYPE html> 删除HTML元素节点示例 #content { width: 200px; height: 20px; color: red; } window....
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
在实际开发中，DOM节点的操作非常常见，如动态添加、删除或修改元素和属性，或者通过遍历DOM树来查找特定的节点。理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识...
jQuery循环遍历子节点并获取值的方法
10-22
总的来说，jQuery提供的遍历和属性操作功能极大地简化了JavaScript中的DOM操作，使得开发者能够更加专注于业务逻辑而不是底层的DOM操作。理解并熟练运用这些技巧，能够提高开发效率，优化代码质量。对于jQuery遍历...
JS-节点的属性 & 获取各种节点(全)
meng的博客
04-21 4274
文档：document 元素：页面中所有的标签。元素—element（标签—元素—对象） 节点：页面中所有的内容（包括标签、属性、文本(文字、换行、空格、回车)。节点—Node 根元素:html标签 也就是说节点的范围大于元素，节点中含元素。 节点的属性: 节点的属性可以使用元素.出来；可以使用属性节点.出来；文本节点.点出来。 nodeType：节点的类型：标签节点–1、属性节点–2、文本...
html获取节点属性,JS操作属性节点（非常详细）
weixin_39744894的博客
06-04 1166
属性节点的主要特征值：nodeType 等于 2、nodeName 等于属性的名称、nodeValue 等于属性的值、parentNode 等于 null，在 HTML 中不包含子节点。属性节点继承于 Node 类型，包含以下 3 个专用属性。name：表示属性名称，等效于 nodeName。value：表示属性值，可读可写，等效于 nodeValue。specified：如果属性值是在代码中设置...
js-获取子节点--具体节点调用
weixin_47295886的博客
10-24 1181
获取包括文本节点的所有子节点___其中空白节点也会作为文本节点---------注意ie8下面不会讲空白节点作为子节点。调用getElementsByTagName=======返回当前节点的指定标签名后代节点。children：获取当前节点所有的子元素——子元素只有标签：不包括文本节点。childNodes---当前节点的所有子节点。firstChild--当前节点的第一个子节点。lastChild--当前节点的最后一个子节点。
WebAPI-DOM树，获取父节点、获取子节点的方法汇总
weixin_44486539的博客
11-15 1235
DOM树 DOM树 又称为 文档树模型，就是把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加载到当前的页面中。 DOM树 就像人类家族的族谱，族谱可以很容易的表明家族成员之间的关系，将复杂的关系简明地表示出来。 节点操作 获取父节点 通过 parentNode 属性可以获取指定节点的父节点；如果指定的节点没有父节点就会返回 null，如果存在则返回父节点对象 语法： node.pa...
js 查找标签属性
bwcx_jzy 的博客
10-13 1951
<html> <head> <title></title> </head> <body> <span id="test" flag="wx">ss</span> <span id="test" flag="wxss">wxss</span> <span id="test">ss</span> </body>
（一）尚硅谷javascript重点总结（6）【节点的常用属性和方法】【DOM 查询练习】
qq_41048982的博客
10-09 399
节点就是标签对象 DOM 查询练习 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>dom查询</title> <link rel="stylesheet" type="text/css" href="style/css.css" /> <script type="text/javascript">...
DOM节点介绍及获取节点的方式
YY的博客
10-20 1842
childNodes、children、firstChild、firstElementChild、lastChild、lastElementChild、previousSibling、previousElementSibling、nextSibling、nextElementSibling、 parentNode、parentElement、attributes、document.body()
JS学习笔记
qq_42186886的博客
09-02 289
javascript学习笔记，跟着pink老师学习
JavaScript节点-子节点的使用
最新发布
weixin_43729412的博客
07-26 161
因为节点包含元素节点、属性节点、文本节点等等，但实际开发中用到的基本就是元素节点，因此若只想要获得子元素节点，还需要专门处理。parentNode.children是一个只读属性，返回所有的子元素节点。它只返回子元素节点，其余节点不返回。parent.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的集合。虽然children 是一个非标准，但得到各个浏览器的支持，可以放心使用。一、parentNode.childNodes;二、parentNode.children;
js元素节点与属性节点的关系
04-06
在JavaScript中，元素节点和属性节点都是DOM节点的一种。元素节点表示HTML或XML中的元素标签，而属性节点表示元素标签中的属性。属性节点是元素节点的一部分，它们包含元素的属性信息，例如元素的ID、类名、样式等。可以通过JavaScript代码来访问和操作这些节点，例如获取元素节点的子节点、添加或删除属性节点等。因此，元素节点和属性节点是紧密相关的，它们共同构成了DOM树中的节点体系。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值