Question

之前已经发布了一个类似的问题，但答案并不完全是我想要的。如果问题是illy短语，我道歉。

我的问题非常简单。我有一些HTML需要在一个页面上多次使用。例如：

        <tr>
            <th>First Element</th>
            <th>Second Element</th>
            <th>Third Element</th>
            <th>Fourth Element</th>
            <th>Fifth Element</th>
        </tr>

现在已经完成，人们只需复制粘贴几次。有没有简单的方法可以重用代码？

Answer 1

你可以使用Javascript创建一个像这样的for循环：

for(var i = 0 ; i < 10 ; i++){
 template = "<tr>
        <th>First Element</th>
        <th>Second Element</th>
        <th>Third Element</th>
        <th>Fourth Element</th>
        <th>Fifth Element</th>
    </tr>"
 document.getElementById("trId").innerHTML += template;
}

然后，您可以在添加之前添加一些逻辑来操作每个元素。这将是一个解决方案，但您应该查看Angular，您可以将其作为Component，并将此组件与输入参数一起使用。您可以从https://angular.io/tutorial

开始

干杯

如何简单地重新生成HTML代码？

1 个答案: