获取dom元素的节点get和query区别

最新推荐文章于 2023-01-17 11:03:15 发布
原创 最新推荐文章于 2023-01-17 11:03:15 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解析了get和query在动态和静态获取DOM节点的区别。get跟随DOM变化实时更新，适用于动态网页；query则如同快照，固定获取的节点状态，无法捕捉后续动态添加的元素。文章详细对比了两者的应用场景和技术实现。

get是动态获取DOM节点

document.documentElement 获取的是html标签 ​document.head 获取head标签 document.body 获取body元素​ .getElementById(“id名”) 获取单个元素 .getElementsByName(“name名”) 通过name元素的表单 获取类数组 .getElementsByClassName(“class类名”) 通过class类名 获取类数组 .getElementsByTagName("标签名 ") 通过标签名 获取类数组

根据DOM文档来改变而改变,一旦DOM节点,get获取的节点会跟着改变,

后面通过js添加的节点,能过获取到

query是静态获取

document.querySelector(“css选择器”,id选择器) IE7及以下不兼容手机端使用 document.querySelectorAll(“css选择器”) 获取多个类数组​

静态获取相当于就是给DOM节点拍了一个照片,从照片里面获取节点,后面通过js添加的节点 不会进行改变,同时不会获取到.
在 JavaScript 中异步创建的动态元素，jQuery 为何无法正常获取元素？
名岐居士
05-14 1641
在 JavaScript 中，当我们使用异步的方式创建动态元素时，即在代码执行过程中使用 DOM API 通过 JavaScript 动态地添加新的元素节点或修改已有的元素节点，这些新的节点并不会立即被浏览器所渲染，而是需要等待浏览器将这些节点添加到 DOM 树中后才能被正确地访问和操作。需要注意的是，使用原生的 JavaScript 方法创建和添加元素节点可以确保节点已经被添加到 DOM 树中，但是也需要注意时机的选择。需要注意的是，虽然这些方法可以找到动态创建的元素，但是它们返回的是一个元素列表。
PHP——爬虫DOM解析
最新发布
R_Nelson的专栏
06-22 925
php在爬取网页信息的时候，有一些函数可以使用。示例：比如获取一个html文档中的p标签。
Query和get(),load()区别
星晴coral
05-20 2415
注释：该区别不够完整，仅供参考，来自传智播客视频 Query和get(),load()查询的区别： Query：在查询时直接查询数据库 get(),load()：在查询时会查询缓存，当缓存中不存在数据时则进行查询数据库 在使用的时候使用get（）或者load（）可以提高查询效率 Query q = s.createQuery("from User w
Ext.get() 和 Ext.query() 组合使用 实现 最灵活的取元素方式
java技术专栏
12-16 192
想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合方式。 前面写的get()和query()我都省略参数了，先看看文档中的函数原型： Ext.g...
JS选择器getElement系列和querySelector系列的区别
qq_58114686的博客
01-17 596
记录在学习过程中遇到的问题
JavaScript中querySelector()和getElementById()（getXXXByXX）的区别
u010227042的博客
10-16 1161
在日常开发中，使用JavaScript获取元素的时候，最常用的方法就是document.getElementById（getXXXByXX）方法。但是最近发现有很多地方使用的是querySelector方法而不是使用前面的方法。去官方文档查看是这么说的： 文档对象模型Document引用的querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。如果找不到匹配项，则返回null。 这句话看意思和getElementById（getXXXByXX）函数.
POST与GET的区别
Heart_for_Ling的博客
10-09 686
POST与GET的区别 GET和POST是HTTP请求的两种基本方法，最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。 GET请求在URL
php怎么得到dom元素.docx
11-24
下面将详细讲解如何在PHP中使用DOMDocument来获取和操作DOM元素。 首先，我们需要了解DOMDocument类的一些主要属性和方法： 1. **属性**： - `Attributes`: 存储节点的属性列表，只读。 - `childNodes`: 存储...
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
DOM对象是原生的JavaScript对象，例如document中的各种元素，包括HTML元素、文本节点等。而jQuery对象则是对DOM对象的一种封装，它通过一个数组样的对象来存储DOM对象的集合，并且添加了jQuery自己的方法，让DOM操作...
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
11-30
标题中的“jQuery通过控制节点实现仅在前台通过get方法完成参数传递”指的是使用jQuery库来操纵HTML文档对象模型（DOM）中的元素，并通过HTTP GET请求在浏览器之间传递参数，而无需涉及服务器端处理。这种方法常见于...
JavaScript DOM模型 及 get.. 方法
qq_45146250的博客
02-01 298
JavaScript DOM模型 及 get... 方法 1、DOM模型 2、createElement 方法 3、document 对象三个查询方法的使用注意事项 4、getElementById 方法 5、getElementsByName 方法 6、getElementsByTagName 方法 7、节点的常用属性和方法 1、DOM模型 DOM 的全称是 Document Object Model 文档对象模型 ==>就是把文档中的标签，属性，文本，转化.
后端接收Get请求与Post请求 参数示例
LoveStady的博客
08-31 9800
本文通过示例介绍：Controller层如何获取Get与Post请求携带的参数（SpringMVC框架）
JS获取query参数(get请求携带的数据)
单眼皮丶儿的博客
08-20 4180
<script type="text/javascript"> function getQuery(key) { var query = window.location.search.substring(1); var map = query.split("&"); for (var i = 0; i < map.leng...
getQueryData方法
kang的专栏
01-19 5044
getQueryData方法，有6个参数，分别是： 实体id，查询类型，聚集层次，开始时间，结束时间，聚合周期。 该方法还带着一系列异常信息，捕获到这些异常就抛出。   getQueryData ( int  entityId,     QueryType  queryType,     AggregationLevel  aggregat...
$resource
manyangyangya的专栏
04-09 346
get方法返回单个条目，query方法一个条目列表。比如：后台传回一个"true"字符串，get得到的就是"true"，query得到是[0]  t  、[1]  r 、[2]  u 、[3] e。
jQuery中DOM元素的获取get方法
04-17 563
jQuery是一个合集对象，如果需要单独操作合集中的的某一个元素，可以通过.get()方法获取到 以下有3个a元素结构： <a>1</a> <a>2</a> <a>3</a> 通过jQuery获取所有的a元素合集$("a")，如果想进一步在合集中找到第二2个dom元素单独处理，可以通过get方法 ...
jQuery DOM 元素方法（get）
weixin_30449239的博客
07-17 180
jQuery DOM 元素方法 1、.get()获得由选择器指定的 DOM 元素。 $(selector).get(index)index 可选。规定获取哪个匹配元素（通过 index 编号）。 实例 获得第一个 p 元素的名称和值： <html><head><script type="text/javascript" src="/jquery/jque...
Dom getAttribute 获取元素节点内容
__盛某人的博客
01-27 1342
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;getAttribute获取属性&lt;/title&gt; &lt;!--ge
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值