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

Question

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

请看以下示例:

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

什么是用这么一个最容易被接受的名字DOM元素可以区分从其他类型的变种？应该是......

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