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

Question

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

举个例子：

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

最可接受的名称是什么，以便可以将 DOM 元素与其他类型的 var 区分开来？应该是...

1. DOM_tarzan
2. 多姆塔山
3. 元素泰山....等等等等？

我希望能够通过查看变量来区分。例如，如果我看到：

DOM_tarzan.remove();

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

没有错误或猜测"DOM_tarzan"是一个具有用户定义的"remove（）"方法的自定义对象。

谢谢。

Answer 1

为了指示 JS 对象变量引用 DOM 元素对象，我将 El（或 Elem）作为后缀附加到变量名称中，如

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

Answer 2

无论我是否在我的项目中包含 jQuery，我都喜欢我的变量命名约定$variable。然后我可以很容易地看到变量是否是 DOM 元素。