js获取元素的方法

首先先来介绍一下DOM树：


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获取到的能是实时的，其他获取到的非实时：


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容