原文:JavaScript中querySelector()和getElementById()(getXXXByXX)的区别

在日常开发中,使用JavaScript获取元素的时候,最常用的方法就是document.getElementById getXXXByXX 方法。但是最近发现有很多地方使用的是querySelector方法而不是使用前面的方法。去官方文档查看是这么说的: 文档对象模型Document引用的querySelector 方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。如果 ...

2019-05-10 16:05 0 1856 推荐指数:

查看详情

getElementByIdquerySelector方法的区别

习惯了用jQ查找元素,有时候我们不妨试试js原生的DOM选择符,getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。说不定一不小心就发现彩蛋了。 那么我们来说说上面那几个方法 ...

Wed May 03 08:39:00 CST 2017 2 16886
getElementByIdquerySelector方法的区别

1.getXXXByXXX 获取的是动态集合,querySelector获取的是静态集合。   举例:    2.querySelector和querySelectorAll   querySelector()方法仅仅放回配置指定选择器的第一个元素 ...

Fri Sep 21 02:34:00 CST 2018 0 1049
querySelectorgetElementById之间的区别

一、概述   今天在看js的时候发现里面的代码基本上都是用querySelector()和querySelectorAll()来获取元素,就有点疑惑为什么不用getElementById(),可能也是因为自己没用过那两个,所以并不清楚原因所在。   参考手册上写querySelector ...

Fri May 24 02:22:00 CST 2019 0 5355
document.getElementById和document.querySelector区别

zepto的$(".111")出错,jQuery$(".111")不出错的原因: zepto用document.querySelector实现,jQuery用document.getElementById实现。 二者区别:http://www.zhihu.com/question ...

Mon Sep 14 18:44:00 CST 2015 0 3205
javaScriptquerySelector和querySelectorAll

querySelector和querySelectorAll是W3C提供的 新的查询接口,其主要特点如下: 1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点 ...

Thu Sep 19 18:39:00 CST 2019 0 962
vueref与getElementByID区别

1 用在常规元素 ref与getElement获取到的内容相同 在网上查到有描述说ref的方式相比getElement会减少获取dom节点的消耗,未证实,这里记录 2 用在组件 2.1 单独使用 ref获取到的是组件对象,可以调用到该对象下的属性 ...

Wed Nov 03 00:02:00 CST 2021 0 877
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM