使用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 [＆＃34; font-size＆＃34;]

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