title: Change css class element height in a javascript file
body: <p>Dear Fellow programmers</p>
  
  <p>I am working on a project, that has minimized versions of amChart JavaScript files in it. The problem is I need to change a height of a specific class element in those JS files. However, they are minimized. So I cant really change anything about them.</p>
  
  <p>I got an idea of crating a new JS file, change the height attribute of that class, and place it in the resources page under the other amchart minimized JavaScript files, that way it could read my JS at the end and place the height attribute that I need, since I believe the way it works is it reads the JS files in order. </p>
  
  <p>In case you are wondering why don't I just make a CSS file instead of a JavaScript file is because JS files are read after CSS files so it does not matter where I place it. </p>
  
  <p>Can you tell me if that is how we change a height attribute for a class element in a JavaScript file ? the class is .amchartsLegend</p>
  
  <pre><code>//changing the height attribute of amChartsLegend
  
  var myElements = document.querySelectorAll(".amChartsLegend")
  myElement.style.height("20px")
  </code></pre>
  
  <p>One more question is should document be replaced by the actual name of the amchart minimized JS file ? assuming that's the correct code for changing the height</p>