将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>

如何在class为tab_middle的div标签中呈现此文本？

我应该如何实现这个目标？

另外，如果我创建了多个带有示例文本的“tab-titles”，我应该如何将它们对齐到屏幕中央。

非常感谢。正如您所看到的，我对JavaScript一窍不通。虽然我有一些基本的HTML知识。谢谢，希望有人能帮助我，我已经整天读书了。

- David Willis

---

抱歉，由于缺少HTML代码，无法进行翻译。请提供正确的文本。 - David Willis

Answer 1

要添加文本：{ tag: "div", className: "tab_title", innerHtml: "Sample text" }，一些JavaScript库使用的是"html"而不是"innerHtml"。

@编辑：为了将div居中到屏幕上，CSS需要是：.tab_title {width: ...; margin: 0 auto;}。您需要设置一个明确的宽度来获取左/右auto边距以使其居中。如果您只想让div中的文本居中，则使用.tab_title {text-align: center}。

- ScottS

---

谢谢Scott，你的第一个建议起作用了。对于你的第二个建议，我应该明确我的问题：我在选项卡栏上有一系列表示按钮的<div>元素，并且我想将它们全部居中对齐。每个<div>元素都具有相同的类名。目前它们都靠左对齐。我完全按照你的建议操作，但它们没有移动。非常感谢任何帮助。谢谢。 - David Willis

如果您想将所有选项卡作为一组居中，那么您需要将它们全部包装在一个div中，并在该div上进行居中，而不是在每个单独的div上进行。 - ScottS