title: How to "grab" contents inside a class tag and display the content using only javascript?
body: <p>I am not sure if I am on the right direction, but what I am trying to achieve is quite complexe, at least to me. So What I am looking for is to find the content inside a html class tag and display this content wherever I want. Lets take an example of an online product on a website, and supposing that on the title the code is written as following: <pre>&lt; h2 class="Title">This is a product example&lt; /h2>|| note the space had
    to be to show the exact code.
  </pre></p>
  
  <p>Yes, I know that i could just use the variable like: <pre> &lt; h2>$title&lt; /h2> </pre>  But what if don't have access to it? Is there any chance of getting them details using :getElementByClassName
  And then display that content? I have been looking all over and I, unfortunately got nothing, therefore decided to ask here.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="container"&gt; ABC &lt;br /&gt;
  &lt;p class="displayThis"&gt; I want this to be displayed again
  using only JavaScript &lt;/p
  &lt;/div&gt;
  </code></pre>
  
  <p>Style:
      <pre> 
      #container {
      border: 1px solid;
      width: 200px;
      margin-left: 15%;
      background: #999;
      border-color: #fc0000;
      text-align: center;
     }
  .displayThis {
      background: #999;
      color: #fff;
      font-weight: bold;
  }</p>
  
  <p>.newContent {
      position: fixed;
      bottom: 10%;
      right: 50%;
      font-weight: bold;
  }
  </pre>
  Script:</p>
  
  <pre><code>var displayThys = document.getElementByClassName("displayThis");
  
  document.write('\&lt;p class="newContent"&gt;'+ displayThys +'&lt;/p&gt;\ &lt;br /&gt;\ ');
  </code></pre>
  
  <p><b>Here is the <a href="http://jsfiddle.net/98Fx8/" rel="nofollow">JsFiddle</a></b></p>