title: HTML5 CSS Class. Is there now way to inspect the values of a css class?
body: <p>I am try to do something I thought was trivial but appears impossible: print the values of a css class associated with a div. Should be easy. Not for moi.</p>
  
  <p>Your task: Using console.log() echo the value of top (or left or height, etc.) for the class associated with a div. </p>
  
  <p>What am I missing?</p>
  
  <h2>UPDATE</h2>
  
  <p>Ok, more context:</p>
  
  <p>Using pure Javascript - no JQuery I have done the following to create a div. insert it in the DOM, and assign a class to it:</p>
  
  <pre><code>// css class name
  var sequenceDivClassName="igv-sequence-div",
  
  classyDiv = document.createElement('div');
  classyDiv.setAttribute('id', classyDivID);
  
  parentDiv = document.getElementById(parentDivID);
  parentDiv.appendChild(classyDiv);
  
  document.getElementById(classyDivID).className = sequenceDivClassName;
  </code></pre>
  
  <p>Here is what the CSS class looks like:</p>
  
  <pre><code>.igv-sequence-div {
      color:red;
      position: absolute;
      top: 0;
      left: 0;
      height: 15px;
      width:100%;
  }
  </code></pre>
  
  <p>I am doing all this in a Qunit unit test and I would like to do an assertion on the height. How do I access the <code>height</code> field of the class so I can using it in an assertion - <code>equal(...)</code>.</p>