title: Pass HTML body via javascript to div
body: <p>I am trying to create a webpage (or really just a simple document for the sole purpose of writing a help file for another project). I have an HTML document which splits to document in 2 panes, i.e.</p>
  
  <pre><code>&lt;body onload="addEvents();"&gt;
  
      &lt;div class="split left"&gt;
      &lt;/div&gt;
  
      &lt;div class="split right"&gt;
          &lt;div id="description_viewer"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>My "split left" div contains the tree structure of simple text. A typical tree may contain  multiple level of list items, with the final level containing a list item with a dd tag that contains text information in the form of headers and paragraphs i.e.</p>
  
  <pre><code>        &lt;ul id="LinkedList1" class="LinkedList"&gt;
              &lt;li&gt;MyParent
                  &lt;ul&gt;
                      &lt;li&gt;MyFirstChild    
                          &lt;ul&gt;
                              &lt;li&gt;MyChildofFirstChild
                                  &lt;dd&gt;This contains a description of myChildofFirstChild
                                      &lt;h2&gt;MainHead&lt;/h2&gt;
                                          &lt;h3&gt;SubHeader&lt;/h3&gt;
                                              &lt;p&gt;Description&lt;/p&gt;
                                              &lt;p&gt;Description&lt;/p&gt;
                                          &lt;h3&gt;SubHeader&lt;/h3&gt;
                                          &lt;h3&gt;SubHeader&lt;/h3&gt;
                                              &lt;h4&gt;SubSubHeader&lt;/h4&gt;
                                              &lt;h4&gt;SubSubHeader&lt;/h4&gt;
                                                  &lt;p&gt;Description&lt;/p&gt;
                                  &lt;/dd&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>My script file allows for the user to open or close list items in the tree, with the intention when the user clicks a list item that contains a dd tag the html code insider the dd tag is displayed in the right panel (i.e div "split right").</p>
  
  <p>I also need to keep the header tags etc for formatting.</p>
  
  <p>To date I have only been able to display the text [object HTMLCollection]. </p>
  
  <p>I gather I need to use .map.call but I have no html/javascript knowledge.</p>
  
  <p>Thanks,</p>