querySelectorAll 和 getElementByTagName()等方法的区别

原创 2017年01月03日 22:02:39

二者详细的使用方法不再做介绍,可以在w3c查阅

二者返回的都是NodeList对象,querySelectorAll不是实时的,而getElementByTagName是实时的。

实时:
假设在一个没有<div>的文档中调用getElementByTagName('div'),此时返回的是一个长度为0的NodeList对象,如果在文档中插入一个<div>元素,此元素将自动成为NodeList的一个成员,并且长度由0变为1

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

querySelector和getElementById性能分析与使用选择

记得我们在jquery里面得到一个元素要比直接使用javascript中的document.getElementById()等方法好用多了。随着现在浏览器的发展,目前几乎主流浏览器均支持了他们。包括 ...

querySelector与getElementBy等的区别

获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结. 常见的获取元素的方法有3...

javascript基本方法getElementByName,getElementByTagName,onchange

getElementsByName 用户名: 你喜欢的明星有: ...

javascript基础(Dom查询的其他方法:body,documentElement,all,getElementsByClassName(),querySelectorAll())(二十八)

window.onload = function(){ //获取body标签 //var body = document.getElementsByTagName("body...

获取元素,动态添加、删除元素以及getElementByTagName、和getElementByClassName)的用法

(1)getElementById根据元素的id属性来获取元素,获取到的是一个元素(2)getElementByTagName根据标签名来获取元素,结果是一个元素集合(3) getElementByC...

querySelector & querySelectorAll --- 像CSS一样选择DOM

在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id ...

HTML5实战与剖析之CSS选择器——querySelectorAll()

之前,我们介绍了HTML5中的选择器querySelector()。今天,我们继续为大家分享HTML5中新添加的选择器querySelectorAll()。querySelectorAll()方法接收...

FRAME与IFRAME的使用方法与区别

  • 2011年08月23日 16:03
  • 165KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:querySelectorAll 和 getElementByTagName()等方法的区别
举报原因:
原因补充:

(最多只允许输入30个字)