我创建了2个简单函数，但函数2不起作用，我尝试将其更改为，style.font-weight = "bold";但随后全部崩溃，该怎么办？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<div id="text" style="font-weight: normal">hello world!</div>
<input id="remember" type="checkbox" onclick="validate()">Caps</input>
<br>
<input id="remember2" type="checkbox" onclick="validate2()">Bold</input>
<script>
function validate() {
if (document.getElementById('remember').checked) {
document.getElementById("text").innerHTML = "HELLO WORLD!";
}
else {
document.getElementById("text").innerHTML = "hello world!";
}
}
function validate2() {
if (document.getElementById('remember2').checked) {
document.getElementById("text").style = "bold";
}
else {
document.getElementById("text").style = "normal";
}
}
</script>
</body>
</html>那是镀铬的问题吗？
您没有指定要更改的css属性：
document.getElementById("text").style.fontWeight = "bold";
像CSS一样，JavaScriptcamelCase代替了dash（camel-case），因此style.font-weight无效。
还要注意，您的<input>语法不正确，输入是自动关闭的标记，并且其文本已使用value属性设置（在这种情况下，输入是复选框，并且不能有值）：
<input id="remember2" type="checkbox" onclick="validate2()">Bold
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句