title: Debugging javascript previousSibling returns unexpected result, why?
body: <p>I'm assuming what Chrome shows me when I 'Inspect Element' is the correct DOM. </p>
  
  <p>I have javascript to get the previous sibling for a DIV tag, which should be another DIV tag, however it is returning '#text' </p>
  
  <p>Here is my DOM as shown in chrome.  The highlighted element is the object I am calling getPreviousSibling on. </p>
  
  <p>DOM 
  <a href="https://i.stack.imgur.com/MQjUT.png" rel="nofollow"><img src="https://i.stack.imgur.com/MQjUT.png" alt="DOM"></a> </p>
  
  <p><strong>javascript</strong>:   </p>
  
  <pre><code>var sibling = selectedDiv.previousSibling;
  </code></pre>