首先先来介绍一下DOM树:
其实追根究底他们都是继承自Object
1.getElementById定义在Document.prototype上,即Element不能使用
2.getElementsByName定义在HTMLDocument.prototype上,即非html中的document不能使用(xml document,element)
3.getElementsByTagName定义在Document.prototype和element.prototype上,故可以有这种写法div.getElementsByTagName('div')
4.HTMLDocument.prototype定义了一些常用属性.body.head,分别指代HTML中的<body></body>,<head></head>
5.Document.prototype上定义了documentElement属性,指代文档的根元素<html></html>El
6.getElementsByClassName,querySelector,querySelectorAll都是定义在Document.prototype,Element.prototype上
上面的这么多个获取元素的方法仅有getElementsByTagName和.getElementsByClassName获取到的能是实时的,其他获取到的非实时: