Javascript HTML/JS引用ID

我想知道如何在下面的上下文中引用JavaScript中的HTML id或类

<script type="text/javascript">
    (function() {
        var menu = document.querySelector('ul'), 
            menulink = document.querySelector('**REFERENCE CLASS**');

        menulink.addEventListener('click', function(e) {
            menu.classList.toggle('active');
            e.preventDeafult();
        });
    })();

</script>

（功能（）{
var菜单=document.querySelector（'ul'），
menulink=document.querySelector（“**引用类**”）；
menulink.addEventListener（'click'，函数（e）{
menu.classList.toggle（'active'）；
e、 预防性死亡（）；
});
})();

---

如果能得到任何帮助，我将不胜感激。

假设您有一个

class

属性等于“我的类”的元素，并且希望使用

JavaScript

选择该元素。这里作为一个例子，我将根据元素的

class

属性选择一个元素，并仅使用

JavaScript

将其颜色更改为绿色

//使用在代码中使用的querySelector（）方法引用包含my class的class属性的元素，请注意类名前的“.”（点）
var myClassDiv=document.querySelector（'.my class'）；
//将文本颜色更改为绿色
myClassDiv.style.color='#0F0'
默认情况下，我的颜色是黑色，但JavaScript让我变成绿色
preventedeafult
这不起作用。如果您试图使用
querySelector
，是否尝试查找选择器字符串的工作方式？如果您有HTML
id
属性，最好使用的API是
.getElementByID（“idHere”）
。另外（仅供参考），
type=“text/javascript”
已经好几年不需要了，因为它是
script
元素的默认值。
.querySelectorAll（）
通常优于
.getElementsByClassName（）
，因为前者返回静态节点列表，后者返回活动节点列表。实时节点列表有时在动态DOM中很有用，但它们提供的实时更新功能需要付出高昂的性能代价。当DOM没有改变时，它们是一种效率极低的获取元素集合的方法，而没有理由影响性能。@ScottMarcus是的，你是对的，但是坚持OP的需要我没有提到性能，我可以做到，但这会使答案变得更长，因此我尝试针对具体的需要。我真的很感谢你的评论，很有帮助，很简短，很好。