本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 [署名 4.0 国际 (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/deed.zh)

本文作者: 苏洋

创建时间: 2012年04月12日
统计字数: 500字
阅读时间: 1分钟阅读
本文链接: https://soulteary.com/2012/04/12/dom%E8%8E%B7%E5%8F%96%E9%9B%86%E5%90%88%E5%85%83%E7%B4%A0%E6%95%88%E7%8E%87%E6%AF%94%E8%BE%83.html

-----


# DOM获取集合元素效率比较

很好奇JQUERY选择器,HTML-DOM,DOM-CORE三个DOM操作起来的速度..



执行 `jQuery('form');` 发现返回数组.

执行 `document.forms;` 一样返回数组. 

`document.getElementsByTagName("form");` 返回对象..

猜测 HTML DOM 快于 DOM Core, jQuery 不确定 (后来想到,这个东西是 warp 的 JavaScript,理论应慢)

HTML 的根是 `window`, DOM Core 的根是 `document`.

使用如下代码进行测试,因为语句简单,所以需要增大循环次数来进行比较.

```html
<script>
var START=new Date().getTime();
for (i=0;i<1000;i++){

//测试语句

}
var END=new Date().getTime() - START;
alert("total:"+END+"ms");
</script>
```

- 测试DOM-CORE的语句为: **document.getElementsByTagName("form");** 
- 测试HTML-DOM的语句为: **document.forms;** 
- JQUERY-DOM语句为: **jQuery('form');** 

## 执行结果

- 12ms 10ms 7ms
- 6ms 3ms 6ms
- 108ms 90ms 89ms

## 结论

所以...HTML DOM > DOM Core > jQuery DOM