title: Can javascript select object not displayed on DOM?
body: <p>This is a really quick question :) </p>
  
  <p>Just wondering here if its possible for javascript to select objects which aren't part of the DOM... like selecting an <code>:after</code> or <code>:before</code> content created by CSS?</p>
  
  <p>for example...if I have a div and create a box through </p>
  
  <pre><code>div:after{
    content: '.';
    display: block;
    width: 200px;
    height: 200px;
    background: green;
  }
  </code></pre>
  
  <p>I still having difficulties to understand how those elements are created and since they can draw elements on screen but are not part of them DOM, does this mean it's not possible to interact with them?</p>
  
  <p>Cheers</p>