JavaScript类列表不工作。I'；我尝试过各种方法；我在这里见过

我是JS新手，由于某些原因，我一辈子都不能用一个简单的按钮将类添加到我的链接中。我尝试了一些不同的方法，我在这里看到的，但我什么也没有得到。我很难为情地说我已经做了两个小时了。我不想使用jQuery，因为我想学习JS，所以如果您能用原始JavaScript提供答案并解释您的答案，我将不胜感激。多谢各位

html:

家
博客
关于
接触

点击

JS:

var fries=函数（）{
var milkshake=document.getElementsByTagName（'li'）；
对于（i=0；i

---

**只需阅读另外两个类似的问题就可以了。

您的代码中有几个问题

document.getElementsByClassName（）

返回一个列表，因此您必须迭代以附加事件侦听器

你放错地方了

进入并终止

循环

代码

家
博客
关于
接触

点击

你能分享html以及这个类

cheesebrgr

在哪里使用吗？我不想使用jQuery，也不想添加到你的question@Satpal我想如果有人知道jQuery，那么他们可能会花时间学习JS，以便更好地了解自己在做什么。不必粗鲁。@brk我已经添加了它。@EricaKnight，我不是粗鲁的，当你用特定的标签标记一个问题时，它会给出一个信息，说明解决方案是可以接受的谢谢，我很感激。

<div class='col-9 text-right'>
    <ul class='navlinks'>
        <li>Home</li>
        <li>Blog</li>
        <li>About</li>
        <li>Contact</li>

    </ul>
    <p class='cheesebrgr'>click</p>
</div>

    var fries = function () {
       var milkshake = document.getElementsByTagName(' li ');
        for (i = 0; i < milkshake.length; i++); {
            milkshake[i].classList.add('op1');
        }   
    };
    var napkin = document.getElementsByClassName('cheesebrgr');
    napkin.addEventListener('click', fries);

for (i = 0; i < milkshake.length; i++); //<//misplace semi-colon end of for loop