title: Changing font size using document.getElementById
body: <p>I'm trying to use document.getElementById to change the font size of some text, but for some reason it's not changing and it's staying at 200%. What am I doing wrong.</p>
  
  <pre><code>#detail {
  font-size: 200%;
  }
  
  &lt;div id = "detail"&gt; Hello World &lt;div&gt;
  
  &lt;script type = "text/javascript"&gt;
  
  if (true) {
  document.getElementById(detail).style["font-size"] = "100%";
  }
  
  &lt;/script&gt;
  </code></pre>