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>

解决方法:

你应该对细节有一些引用.并尝试detail.style.fontSize而不是detail.style [“font-size”]

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