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

Question

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

采用以下示例：

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

使用哪个最可接受的名称，以便 DOM元素可以与其他类型的var 区分？应该是......

1. DOM_tarzan
2. DOMtarzan
3. elementTarzan ......等等？

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

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元素。