converting javascript code into html output?
<p>I can use javascript to get html tags and divs to appear but I want to put some text in a div.</p>

<pre><code>    this.buildDomModel(this.elements["pans"],
        { tag: "div", className: "panel",
          id: "tabs",
          childs: [
            { tag: "div", id: "page_button",
              className: "box",
              childs: [
                { tag: "div", className: "tab_left" },
                { tag: "div", className: "tab_middle",
                { tag: "div", className: "tab_right" }
              ]},  
]
</code></pre>

<p>So how do I add text to this? I want: </p>

<pre><code>&lt;div class="tab_title"&gt;Sample text&lt;/div&gt;
</code></pre>

<p>to appear in my html within the div tag with classname tab_middle. </p>

<p>How do I achieve this?</p>

<p>Also, if I create several of these "tab-titles" with sample text how do I allign them to the centre of the screen.</p>

<p>Thank so much. As you can tell I am a noice at javascript. I do have some basic html knowledge though. Thanks hope someone can help been struggling through books all day</p>
