JS:有一个带有querySelector或getElementsByTagName的‘实时’列表与非实时querySelectorAll相比有什么用呢？
JS中的querySelector和getElementsByTagName都是用于在DOM中查找元素的方法。
querySelector是一个非实时的方法，它返回匹配指定CSS选择器的第一个元素。它可以接受任何有效的CSS选择器作为参数，并返回匹配的第一个元素。如果没有匹配的元素，则返回null。
getElementsByTagName是一个实时的方法，它返回一个包含指定标签名的所有元素的实时集合。它接受一个标签名作为参数，并返回一个HTMLCollection对象，其中包含所有匹配的元素。如果没有匹配的元素，则返回一个空的HTMLCollection对象。
相比之下，querySelector和getElementsByTagName有以下区别和用途：
- 返回结果的类型不同：querySelector返回的是一个元素对象，而getElementsByTagName返回的是一个HTMLCollection对象。
- 查询方式不同：querySelector可以使用更复杂的CSS选择器来查询元素，而getElementsByTagName只能通过标签名来查询元素。
- 返回结果的数量不同：querySelector只返回匹配的第一个元素，而getElementsByTagName返回所有匹配的元素。
- 实时性不同：querySelector是非实时的，即使DOM发生变化，它返回的结果也不会改变。而getElementsByTagName是实时的，它返回的结果会随着DOM的变化而实时更新。
应用场景：
- 当只需要获取匹配的第一个元素时，可以使用querySelector。
- 当需要获取所有匹配的元素时，可以使用getElementsByTagName。
- 当需要使用更复杂的CSS选择器来查询元素时，可以使用querySelector。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
相关·内容
我知道实时列表允许保存节点的变量在添加或删除另一个节点时进行更新，但我正在努力想出一个示例，说明这与使用非实时列表(querySelectorAll)相比有什么好处？
浏览 16提问于2019-01-15得票数 0
回答已采纳
getElementsByTagName()有两个伟大的特性:它是快速的，它是实时的。但如果我想要得到p strong呢。当然，我可以再次使用getElementsByTagName()改进选择，但是我不会失去新的p标记的实时效果吗？或者..。是否有一种方法可以
浏览 7提问于2015-06-01得票数 16
回答已采纳
首先，如果一开始不清楚，我很抱歉，但让我解释一下:我想要获得带有类的div和来自文档的第一个<ul> (我使用的是blogger)。我已经有了一个JS，它拾取第一张图像并创建如下缩略图：
//<!document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:
浏览 0提问于2015-07-30得票数 0
querySelectorALL()是由MDN指定的，它不支持活动节点，只返回静态节点。
querySelector()是否支持活动节点MDN没有指定任何关于它的
浏览 0提问于2018-07-12得票数 4
回答已采纳
因此，当我单击home类的<p>标记时，我希望它的颜色变为绿色，但它不起作用，也不知道为什么。单击注册正常(因为测试(“console.log”)显示得很好)，但更改颜色的其余功能将不起作用。下面是我的css、HTML和js代码( js代码包含在html中，所以它不是外部文件或任何东西)：.greyRect {
width:1350px;
background-color
浏览 2提问于2019-03-02得票数 1
我想知道querySelector和querySelectorAll与getElementsByClassName和getElementById的确切区别是什么
从中我可以了解到，使用querySelector，我可以编写document.querySelector(".myclass")来获取myclass类的元素，编写document.querySelector("#myid")来获取ID为myid的元素哪<
浏览 2提问于2013-01-17得票数 218
回答已采纳
我有一个很大的html事件列表，有不同的时间表，我需要转换成当地时区。所以我的想法是将所有的时间链接到一个自定义的鸭子搜索。
现在我的问题是为每个锚生成一个单独的链接，它只适用于第一个锚。我不能手动给每个链接分配一个id。<a href="javascript: null" >3 am</a>
浏览 0提问于2021-03-03得票数 0
我想为id选择的多个元素处理事件。我试过了：
document.querySelector('#output').value = ''
浏览 3提问于2018-05-09得票数 0
3回答
我需要一些帮助来编写查找一个元素的后代数量的逻辑。<!item</button></li> <p>Hello, world</p> <script src="index.js"></script><&#
浏览 2提问于2020-03-29得票数 3
我正面临着一个设计“问题”。我有一个Xilinx Zynq Soc板，包括双核ARM9，我需要开发一个应用程序来支持实时属性控制应用程序(时间截止日期到响应时间)，以及做大量处理的应用程序(图像等)。以及它们之间的一些基本通信，但最重要的是，我需要能够控制Linux部分(至少以某种方式挂起它，在最好的情况下“暂停它”，以便有可能关闭它，然后再次运行它)。所以我想知道怎么把它组合起来。其中一个选项，可以是RTLinux
浏览 4提问于2018-12-07得票数 0
(使用纯javascript)如何将事件连接到某个标记或某个类的所有元素？使用"querySelector"，他们只选择一个项目(第一个)，而使用"getElementByTagName“或"getElementByClassName”而不是我选择none (我在控制台中显示了一个错误//byCssSelector - CLASS
document.querySelector(".m
浏览 8提问于2016-11-02得票数 1
回答已采纳
2回答
我正要开始一个新的项目。有些决定是我无法控制的:使用WPF和OpenGL就是其中的一部分。
但是，我已经将我的OpenGL选项缩小到两个: OpenTK或SharpGL。SharpGL有一个WPF控件，而OpenTK只有一个Windows Forms控件，这使得我必须将它嵌入到Windows Forms主机中:-/虽然我不介意空域限制，但我确实希望有良好的性能，因为我正在构建一个<
浏览 0提问于2012-11-05得票数 12
回答已采纳
600;700;800&display=swap" rel="stylesheet"> <script src="JS/myScript.js"><&#x
浏览 25提问于2022-03-23得票数 0
回答已采纳
我想知道在JavaScript中选择元素的两种不同的语法。假设如果我想从当前文档中选择所有div，那么：console.log("There are "+divs.length;var divs = document.querySelectorAll("div");
console.log("Ther
浏览 2提问于2013-08-15得票数 29
回答已采纳
我正在研究一个面向热线的中型web应用程序的开发。因此，我有实时、并发访问、大型数据模型和CTI约束。起初，我是一个php和Java开发人员，但像我们中的许多人一样，我读了很多关于node.js的新闻，并用一些小应用程序对其进行了测试。node.js的可能性是惊人的，但我觉得只在中型/大型web应用程序中使用这项技术是非常困难的。事实上，与</e
浏览 0提问于2012-04-25得票数 4
文档说document.querySelector返回一个Element，而document.querySelectorAll返回一个NodeList。为什么会有这样的差异？为什么document.querySelectorAll返回一个Element数组？注意:标记为重复的问题并没有回答我的问题，为什么document.querySelectorAll不返回Element数组？在与document
浏览 1提问于2021-05-30得票数 0
我知道，通过使用RethinkDB连接器，可以通过订阅特定命名的列表来实现实时查询能力。我认为，这实际上不是最快的解决方案，因为查询可能只有在对记录的更改被写入数据库后才更新。是否有任何建议的方法来实现实时查询能力的深河边？
浏览 1提问于2016-12-27得票数 0
回答已采纳
我是Linux内核的新手，现在我正在研究Linux内核中的进程调度。Linux中有三种优先级：
如果我错了，
浏览 3提问于2014-03-04得票数 4
目前，我正在努力学习js。此时，我可以制作一些简单的功能脚本。但是，每当我需要用户的输入，我仍然有一个提示，这可能会变得非常烦人。因此，我想使用HTML框进行用户输入。HTML中如下所示： <INPUT type="button" value="Fill Me In" name="box1">但是如何调用javascript中的输入呢<
浏览 2提问于2013-08-12得票数 1
回答已采纳
我是刚开始旋转的，我想知道Spin是否可以，或者已经被使用，在面对间歇性或失败的网络的情况下，模拟心跳协议。我为这个问题挣扎的一个原因是，自旋抽象了时间维度(只有概念是“前”和“后”)，但是心跳本质上是一个与时间相关的概念。在我们当前的分布式系统心跳设计(我想使用Spin来改进)中，当网络变得支离破碎时，可能会发生一些不好的事情。最终，事情会自行理顺(系统重新启动)，但“最终一致”在这种情况下还不够
浏览 3提问于2017-12-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
