Javascript 为什么我的代码没有按我期望的方式工作？

我正在使用Javascript更改HTML元素。我更改了innerText，并尝试更改类。 内部文本将更改。。。但是类“beauty”不应用于Id为“top”的元素。 为什么不呢

我已经检查了函数是否被调用。显然是。。。因为innerText已更改

函数美化（）{
item=document.getElementById（“top”）；
item.classList.add=“美丽”；
item.innerText=“为什么它不工作？”；
返回；
}

。很漂亮{
颜色：蓝色；
字体大小：粗体；
字体系列：helvetica；
}

我要换衣服了
单击此处获得特殊效果

您就快到了

item.classlist.add

不是一个getter/setter，而是一个方法。因此，为了将类添加到元素中，需要如下调用它：

item.classList.add（'your-class-here'）


.漂亮{
颜色：蓝色；
字体大小：粗体；
字体系列：helvetica；
}
函数美化（）{
item=document.getElementById（“top”）；
item.className=“美丽”；
item.innerText=“为什么它不工作？”；
返回；
}
我要换衣服了
点击这里获得特殊效果
您可以这样使用

item.classList.add("beautiful"); // correct way to add new class using javascript

而不是

 item.classList.add = "beautiful";

您需要调用
classList
上的方法
add
：


函数美化（）{
item=document.getElementById（“top”）；
项。类列表。添加（“美丽”）；
item.innerText=“现在它可以按预期工作！”；
返回；
}
。很漂亮{
颜色：蓝色；
字体大小：粗体；
字体系列：helvetica；
}
我要换衣服了
单击此处查看特殊效果
查找文档中的
类列表
item.classList.add=
不是正确的语法，它应该是
item.classList.add（“”）
add
是一个方法，不是getter/setter。@xmasterje-可能没有，分配给该方法的语法是有效的。；-）@T.J.克劳德（很公平；）非常感谢：-）我觉得自己很傻，但你的回答方式确实令人鼓舞！让我觉得我在学习而不是愚蠢：-）当你学习的时候，你从来没有觉得自己愚蠢吗！每个人都从底层开始，你应该为自己努力变得更好而自豪。继续努力@现在轮到你把它作为答案。投票！对我刚刚做了：-）对不起，我还在学习StackOverflow系统是如何工作的。。但我已经掌握了窍门！别担心@AlexvanWinkel:）