Javascript DOM 元素通过 id 访问而不使用函数

Question

我是 javascript 的新手，所以在学习的过程中我发现有一些可用的 id 元素就像

html部分

<canvas id="someid"><canvas>

js部分

someid.someProperty = something; // works as well as getElementById('someid')

但在所有教程中我发现它被告知使用 getElementById。那么这样做的一种或另一种方式有什么好处？我应该选择哪种方式？检查 Firefox、Opera、DWB 和 geany 内部浏览器(webkit)。

Answer 1

在所有情况下使用 document.getElementById("whatever")。以下是一些相关问题:

使用自动全局变量有这些问题:

• 不是标准定义的行为
• 并非所有浏览器都支持
• 易受全局命名空间冲突的影响
• 一些名称属性(但不是全部)可以这样使用
• id 和 name 之间可以有冲突
• 代码的可读性较差，因为读者必须弄清楚您使用的是之前已赋值的全局变量，还是自动定义的变量。

使用 document.getElementById():

• 标准支持
• 所有浏览器都支持
• 不依赖于任何全局变量
• 所有用途中的明确行为