gpt4 book ai didi

Javascript 函数不给类

转载 作者:太空宇宙 更新时间:2023-11-03 21:05:02 26 4
gpt4 key购买 nike

我有一件小事要做。我需要为 div 提供一个 CSS 类,这必须更改 div 的内部。但是我的按钮不执行 onclick 之类的。我在控制台中没有收到错误。

function Naampie(){
document.getElementById("ja").className += " pasta-di-mama";
}

Naampie();
.pasta-di-mama{
color: red;
font-size: 2em;
}
<!DOCTYPE html>
<html>
<head>
<title>Javascript Stuff</title>
</head>
<body>
<div id="ja">
<p>Spaghetti</p>
<p>Macaroni</p>
<p>MI</p>
<p>Pasta Kip</p>
<p>Pasta Salade</p>
</div>

<button onclick="Naampie()">Functie</button>

<!--<script src="script.js" type="text/javascript"></script>-->
</body>
</html>

有谁知道为什么这不起作用?

最佳答案

您在 CSS 声明中缺少 . 来定位类。我还建议使用 classList.add 而不是附加到 className

function Naampie() {
document.getElementById("ja").classList.add("pasta-di-mama");
}

Naampie();
.pasta-di-mama {
color: red;
font-size: 2em;
}
<div id="ja">
<p>Spaghetti</p>
<p>Macaroni</p>
<p>MI</p>
<p>Pasta Kip</p>
<p>Pasta Salade</p>
</div>

<button onclick="Naampie()">Functie</button>

关于Javascript 函数不给类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54632317/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com