DOM元素的JavaScript最佳实践命名约定

对于DOM元素的JavaScript命名约定，是否有最佳实践，或行业标准

以以下为例：

var tarzan = document.getElementById('foobar');

为了将DOM元素与另一种类型的var区分开来，最可接受的名称是什么？应该是

泰山大教堂

多姆泰山

泰山元素 .... 诸如此类

我想通过观察变量来区分两者之间的差异。例如，如果我看到：

DOM_tarzan.remove();

。。。我马上就知道“DOM_tarzan”是一个DOM元素，它使用的是标准的JavaScript remove（）方法

毫无疑问，“DOM_tarzan”是一个自定义对象，具有用户定义的“remove（）”方法

---

谢谢。

无论我是否在项目中包含jQuery，我都喜欢变量的命名约定为

$variable

。然后我可以很容易地看到变量是否是DOM元素。

为了指示JS对象变量引用DOM元素对象，我将

El

（或

Elem

）作为变量名的后缀，如中所示

var tarzanElem = document.getElementById('foobar');

---

您基本上是在描述如果使用jQuery，只需在变量名前面添加一美元：$variable@MackieeE，DOM_tarzan.remove（）；DOM对象可以是很多东西——元素、集合、文档。它们都有不同的接口，因此DOM可能过于通用。有些DOM对象没有remove方法。@RobG，我指的是DOM元素的命名约定。这是标准的最佳实践吗？还是个人喜好？我想知道命名DOM元素的最佳实践是什么。例如，我可以使用DOM_tarzan=$（'#foobar'），然后在整个代码中使用DOM_tarzan，而不必连续键入$（'#foobar'）？这是个人的偏好。是的，如果您愿意，您可以这样做：）（顺便说一句，如果项目中包含jQuery，那么通常使用

$

符号。这表示变量包含jQuery对象。但是，如果您使用then jQuery，那么最好遵循约定，$tarzan=$（“#foobar”）。有趣的旁注：荷兰语中的DOM tarzan有点像dumb-tarzan。这一点非常清楚，如果您正在编写角度指令（您可能不想使用“$”），也可以使用它prefix@PeterHollingsworth$prefix通常只应用于jquery选择的元素，并且jquery方法可用