使用querySelector而不是document.getElementById

时间:2013-11-02 14:30:17

标签: javascript

我应该用document.getElementById替换document.querySelector左右吗? 有什么不同吗?

您是否建议我使用querySelector

3 个答案:

答案 0 :(得分:3)

无论如何选择ID时,请使用getElementById,因为这比在ID选择器上使用querySelector要高效得多。后者运行整个CSS选择器解析,而前者只需获取ID并直接获取具有该ID的元素。

当然,根据其他标准而不是元素的ID进行选择时,querySelector(和querySelectorAll)显然有其地位。

obligatory benchmark证明了这一说法,虽然我确实想要指出基准并非一切,但差异可能不会对实际应用产生太大影响。)

答案 1 :(得分:0)

如果用户使用的浏览器中提供了querySelector。然后你可以使用它。很高兴没有用ids乱丢你的HTML。使用css选择器进行选择非常灵活。

表演是一个红色的鲱鱼。我糟糕的旧笔记本电脑每秒可以管理300万次选择...

真正的问题是兼容性。你打算怎么处理那些没有它的浏览器?你关心?你可能要关心。

答案 2 :(得分:0)

在您的情况下,两者都有相同的用途。但是getElementById是最经过验证的方法。但是,如果您不关心旧版浏览器,那么querySelector也足够了。

享受!