將javascript代碼轉換為html輸出？

Question

我可以使用javascript來顯示html標簽和div，但我想在div中放入一些文本。

    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" }
              ]},  
]

那么我該如何為此添加文字呢？ 我想要：

<div class="tab_title">Sample text</div>

使用classname tab_middle出現在div標簽中的html中。

我該如何實現這一目標？

此外，如果我使用示例文本創建其中幾個“制表符”，我如何將它們與屏幕中心對齊。

非常感謝。 你可以告訴我，我是javascript的no。 我確實有一些基本的HTML知識。 謝謝希望有人可以幫助整天在書中苦苦掙扎

Answer 1

要添加文本： { tag: "div", className: "tab_title", innerHtml: "Sample text" } ，一些javascript庫只使用“html”而不是“innerHtml”。

@Edit：要將div中心放到屏幕上，css必須是： .tab_title {width: ...; margin: 0 auto;} .tab_title {width: ...; margin: 0 auto;} 。 您需要設置顯式寬度以使左/右auto邊距居中。 如果您只想將div中的文本居中，那么.tab_title {text-align: center} 。