Javascript 使用document.getElementById更改字体大小

我正在尝试使用document.getElementById更改某些文本的字体大小，但由于某些原因，它没有更改，并且保持在200%。我做错了什么

#detail {
font-size: 200%;
}

<div id = "detail"> Hello World <div>

<script type = "text/javascript">

if (true) {
document.getElementById(detail).style["font-size"] = "100%";
}

</script>

#详细信息{
字体大小：200%；
}
你好，世界
如果（真）{
document.getElementById（detail）.style[“font size”]=“100%”；
}

关于细节，你应该有一些引语。然后尝试detail.style.fontSize而不是detail.style[“font-size”]

---

@当我们使用document.getElementById而不是style时，tymeJV是所有的破折号都变成了camelCase？

getElementById（detail）

应该是

getElementById（'detail'）

，因为

detail

是一个

string

而不是一个变量名。@chris85只是一个例子来演示我试图做的事情。事实上，如果（真的）不是这样的话，

detail.style[“font-size”]

和

detail.style.fontSize

都是相同的。谢谢，很高兴了解“font-size”。我从来没有这样用过。没问题-这不仅仅适用于

。style

；访问对象属性时，可以在任何位置使用点语法和数组语法。

var detail = document.getElementById("detail");
detail.style.fontSize = "100%";