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;}。您需要设置显式宽度以使左/右auto边距居中。如果您只想让div中的文字居中，那么.tab_title {text-align: center}。

将javascript代码转换为html输出？

1 个答案: