javascript - 使用 document.getElementById 更改字体大小

Question

我正在尝试使用 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>

Answer 1

你应该有一些关于细节的引述。并尝试 detail.style.fontSize 而不是 detail.style["font-size"]

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