查找DOM节点的方式

最新推荐文章于 2024-03-28 23:48:04 发布
最新推荐文章于 2024-03-28 23:48:04 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63712639/article/details/123132897
版权

1.固定节点查找

        头部:document.head

        身体:document.body

        整个HTML:docment.documentElement

2.按照元素关系查找

        所有子元素:children

        第一个子元素:firstElementChild

        最后一个子元素:lastElementChild

        父元素:parentElement

        上一个兄弟元素:previousElementSibling

        下一个兄弟元素:nextElementSibling

3.通过特征查找

        通过id查找:getElementById

        通过class查找:getElementsByTagName

        通过标签查找:getElementsByTagName

        通过name查找:getElementsByName

4.通过css选择器查找

        单个元素查找:querySelector

        多个元素查找:querySelectorAll

嗷呜~嗷呜~呜呜~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery查找DOM节点的方法
10-24
主要介绍了JQuery查找DOM节点的方法,实例分析了jQuery选择器实现DOM元素结点与属性结点的查找技巧,需要的朋友可以参考下
js--DOM中查找节点的方式
m0_74293254的博客
06-18 563
js--DOM中查找节点的方式
查找元素节点【DOM】
QQ1012421396的博客
08-20 687
DOM查找元素节点的3种方法： getElementById()      寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素，它返回 null.         var oElement = document.getElementById ( sID )     该方法只能用于 document 对象
JavaScript DOM 基础：节点查找与节点操作，做了6年前端开发
最新发布
03-28 726
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。
DOM-通过方法，关系获取节点
qq_64067728的博客
07-14 349
提示：在学习DOM操作时，需要有一定的js，H5,CSS基础。1、通过id来获取标签节点 document.getElementById() 2、通过类名来获取标签节点 document.getElementsByClassName()3、通过标签名来获取标签节点 document.getElementsByTagName()4、通过标签种的name元素的值来获取标签节点 document.getElementsByName()5、获取符合选择的某个标
获取DOM节点的几种方式
此去经年的博客
05-29 570
DOM 是一个树形结构，操作一个DOM节点，实际上就是这几个操作：更新、删除、添加、遍历 在操作DOM节点之前，需要通过各种方式先拿到这个DOM节点，常用的方法有： 一、通过元素类型的方法来操作： document.getElementById();//id名，在实际开发中较少使用，选择器中多用class id一般只用在顶级层存在 不能太过依赖id document.getEleme...
获取DOM节点汇总
dccose的博客
09-25 245
获取dom节点 获取dom对象 全局对象 window 中有属性document，代表的是整个文档节点 旧的获取元素节点的方式 DOM 0 版本 document.body：获取body元素节点 document.head：获取head元素节点 document.links：获取页面上所有的超链接元素节点，类数组 document.anchors：获取页面上所有的锚链接(具有name属性)元素节点 document.forms：获取页面中所有的form元素节点 新的获取元素节点的方式 cons
JS常见DOM节点操作示例【创建 ，插入，删除，复制，查找】
10-18
主要介绍了JS常见DOM节点操作,结合实例形式分析了JavaScript针对DOM节点的创建 ，插入，删除，复制，查找等操作相关函数与使用技巧,需要的朋友可以参考下
grail:通过 CSS 选择器查找 DOM 节点的简单 JavaScript 库
07-11
一个简单的 JavaScript 库，用于通过 CSS 选择器查找 DOM 节点。 例子 grail . find ( '#abc' ) ; grail . find ( 'div.alpha' ) ; grail . findAll ( 'div' , document . body ) ; grail . findAll ( '.alpha' ) ;...
【JavaScript 教程】DOM——Document 节点
油墨香^-^的博客
06-10 1343
作者 | 阮一峰 1、概述 document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。 document对象有不同的办法可以获取。 正常的网页，直接使用document或window.document。 iframe框架里面的网页，使用iframe节点的contentDocument属性。 Ajax 操作返回的文档，使用XMLHttpRe
查找Dom节点的方式
weixin_54902466的博客
06-14 1115
查找Dom节点的方式1.根据 id 来查找dom元素节点注意事项2.查找html标签元素3.查找body标签元素 1.根据 id 来查找dom元素节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
JS-获取DOM元素的五种方法
热门推荐
weixin_43937466的博客
09-04 1万+
根据id名获取元素：getElementById;根据标签名获取元素：getElementsByTagName，返回一个数组；根据类名获取元素：getElementsByClassName，返回一个数组；根据name属性值获取元素：getElementsByName，返回一个数组；根据选择器获取元素：querySelector：获取一个元素，推荐使用 用法类似写css；querySelectorAll：返回一个元素数组。more。
DOM节点介绍及获取节点的方式
YY的博客
10-20 1801
childNodes、children、firstChild、firstElementChild、lastChild、lastElementChild、previousSibling、previousElementSibling、nextSibling、nextElementSibling、 parentNode、parentElement、attributes、document.body()
JavaScript中的DOM查询方法(全)——配合练习熟练掌握dom查询方法
王春燕的博客
04-25 2655
学习JavaScript中的DOM(文本对象模型)就是主要学习它的查询，查询是DOM的核心所在，而它围绕着一个单词—document  一、理解DOM 当HTML加载到内存中时，会形成一个树形结构，包括了四种类型的节点：(如下图) 文档节点==>document 元素节点==>标签 属性节点==>标签的属性 文本节点==>标签体 可以看到处于最上层的文档节点(document)可以访问下面的所有节点来获取对...
JS获取DOM元素的方法（8种）
08-13 573
原文地址：https://www.cnblogs.com/web-record/p/10131782.html JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获...
获取DOM节点的方式
qq_42502673的博客
06-05 2941
获取DOM节点的方式： 1. 通过ID获取节点 【返回具体某个节点】 document.getElementById(ID名) 2.通过标签名获取节点 【返回节点数组，即使只有一个】 document.getElementsByTagName(标签名) 3.通过标签的name值获取节点 【返回节点数组】 document.getElementsByName(Name名) 4.通过c
js_DOM中获取节点的几种方法总结
angrynouse的博客
11-12 1349
getElementById... ...
dom树节点查找
qq_41988113的博客
03-12 286
描述 查找两个节点的最近的一个共同父节点，可以包括节点自身 输入描述： oNode1 和 oNode2 在同一文档中，且不会为相同的节点 ①两个DOM是否有一方包含另一方,如果包含直接返回当前节点 ②如果不包含,说明两个DOM在,DOM树的不同分支,所以取任一节点的父节点去判断是否包含另一个节点,如果包含返回当前节点,如果不包含,就继续向上找,直到找到结果为止 function commonParentNode(oNode1, oNode2) { if (oNod...
获取Dom元素的几种方式的详细解读
weixin_52580981的博客
01-21 3744
JS获取DOM元素的8种方法 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 获取html的方法（document.documentElement） 获取body的方法（document.body） 通过选择器获取一个元素（querySelector）（开发常用） 通过选择器获取一组元素（querySelectorAll）（开发常用） 获
python使用xml.dom.minidom如何查找下级节点的某个子节点
06-07
可以使用 `getElementsByTagName` 方法来获取某个子节点的所有下级节点，然后再遍历这些下级节点，通过 `getElementsByTagName` 方法再找到需要的子节点。 例如，假设我们要查找一个 XML 文件中所有 `<person>` 节点下的 `<name>` 节点，可以使用以下代码： ```python import xml.dom.minidom # 读取 XML 文件 dom = xml.dom.minidom.parse('example.xml') # 获取所有 <person> 节点 persons = dom.getElementsByTagName('person') # 遍历所有 <person> 节点 for person in persons: # 获取当前 <person> 节点下的所有 <name> 节点 names = person.getElementsByTagName('name') # 遍历所有 <name> 节点 for name in names: # 输出 <name> 节点的文本内容 print(name.firstChild.data) ``` 上述代码中，我们首先使用 `getElementsByTagName` 方法获取了所有 `<person>` 节点，然后在遍历这些节点的同时，使用 `getElementsByTagName` 方法获取了当前节点下的所有 `<name>` 节点，并遍历这些节点来输出文本内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值