Javascript 自动生成html代码

我不知道如何界定标题，希望你们能理解我的问题。我正在寻找一些简单的替代方法，而不是手动替换横幅HTML代码中的文本

例如，下面是代码

---

我建议您在后端使用这个小工具构建一个小型web应用程序：

基本上，您需要做的是相应地更新所需的值，然后将文件流保存到新文件中。（您可以附加一个增量id，这样您将得到“file-1.html”、“file-2.html”等等）

更新-

这是React的一个很好的用例！参观他们的网站，并沿着

当您想要创建数千个外观类似的组件时，React尤其有效

例如，您的代码如下所示-

class Fragment extends React.Component {
  render() {
    return (
      <a class="fragment" href="https://applink" target="_blank">
        <div>
          <img class="imgbor" src={this.props.src} alt="some description" /> 
          <span class="styleraise">App Name</span>
          <span class="styleraise1">Price 0.99$</span>
          <div class="textpara">App description</div>
        </div>
      </a>
    );
  }
}

类片段扩展了React.Component{
render（）{
返回(
);
}
}

---

您可以在父组件中重复此组件任意次数。React对于可重用性非常有用

这里是一个简单的HTML表单，它对每个输入中的更改做出反应，并生成所需的HTML：

$（函数（）{
$（“输入[type=text]”）。在（“输入”，函数（）上{
var-app=$（“[name=app]”）.val（）；
var desc=$（“[name=desc]”）val（）；
var imglink=$（“[name=imglink]”）。val（）；
var applink=$（“[name=applink]”）。val（）；
var price=$（“[name=price]”）。val（）；
$（“#输出”）.get（0.innerHTML=$（''）.text（''）.html（）；
});
});

应用程序名称



应用程序说明



图像链接



应用程序链接



价格

您需要先尝试一些方法，然后询问具体问题。否则，这将被视为离题，应该关闭。阅读并确认还有许多其他的替代方案，它们暗示了模板系统。最近，我不得不对一个XML文件执行类似的任务，我使用了（这个解析器）[在NodejS后端（使用python作为一种“CGI”）和前端的ReactJS。但是你可以想怎么做就怎么做。回答很好。如果OP有选择的话会更好。使用模板文字，这是更干净的代码，但不支持老式浏览器，或者OP可以使用你创建的样式。