querySelector 和 getElementById 之间的区别

今天在学习ts，使用ts做一款贪吃蛇小游戏的时候，在获取dom元素的时候，发现使用queryselect()查找元素再添加，发现里面的标签数量没有发生变化；当使用getElementById查找再向子元素中添加子标签，然后再获取，发现标签的数量发生改变。以前没考虑过这方面，认为只要能获取到就可以了。然后查阅了一下资料，发现区别很大。

其实用一句话概括就可以：query选择符选出来的元素及元素数组是静态的，而getElement这种方法选出的元素是动态的。

以下代码详细解释

即动态添加元素，重新获取标签的长度是更新的；静态，重新获取标签的长度是死的

querySelector 和 getElementById 之间的区别相关推荐

querySelector和getElementById方法的区别
querySelector.querySelectorAll和getElementById.getElementsByTagName()等的区别在做开发时, getElementById() 返回带 ...
JavaScript中 querySelector 与 getElementById 方法的区别
1. 概述在看代码的时候发现基本上都是用 querySelector() 和 querySelectorAll() 来获取元素,疑惑为什么不用 getElementById(). 可能因为自己没用过 ...
JS对象与Dom对象与jQuery对象之间的区别
前言通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
[转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别
要学习及应用好Ext框架,必须需要理解Html DOM.Ext Element及Component三者之间的区别. 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM ...
keydown,keypress,keyup三者之间的区别：
最近看了Javascript高级教程中对过滤输入的介绍,想实现比如电话号码中不能包好非数值的字符,而相应文本中插入字符的操作是keypress事件,所以就想通过阻止这个事件的默认事件行为来阻止这个事件 ...
FPGA与ASIC：它们之间的区别以及使用哪一种？
FPGA与ASIC:它们之间的区别以及使用哪一种? FPGA Vs ASIC: Differences Between Them And Which One To Use? VL82C486 Sing ...
Python 应用领域以及版本之间的区别
Python 应用领域以及版本之间的区别一．Python应用领域 Python+人工智能,给你更多研究方向选择! 企业级综合实战项目,集六大前沿技术为一体二. Python 2与Python 3的 ...
java中separator_java - File.separator和路径中的斜杠之间的区别
java - File.separator和路径中的斜杠之间的区别在Java Path-String中使用/和普通的File.separator有什么区别? 与双反斜杠相比,/平台独立似乎不是原因, ...
机器学习、数据科学、人工智能、深度学习和统计学之间的区别！
↑↑↑关注后"星标"Datawhale 每日干货 & 每月组队学习,不错过 Datawhale干货作者:Vincent Granville,来源:机器之心在这篇文章中, ...

querySelector 和 getElementById 之间的区别

querySelector 和 getElementById 之间的区别相关推荐

最新文章

热门文章