首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在页面中添加HTML模板?

如何在页面中添加HTML模板?
EN

Stack Overflow用户
提问于 2018-06-02 06:46:17
回答 1查看 81关注 0票数 0

我做了一个价格框的模板,我希望每次我点击一个按钮时,页面上都会出现一个新的价格框。这只是我的模板的一个简单示例:

<div>
  <h1> Product: {productName} </h1>
</div>

每次单击按钮时,我都会传递名称,此模板将显示在页面中。

我正在寻找,我看到了带有javascript和其他解决方案的模板标签,比如Mustache。哪种方法更好,可读性更好?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-02 07:07:38

我不太确定你在问什么,但是使用纯javascript会很简单。请看下面的代码片段:

function addProduct() {
  const productName = document.querySelector('#productName').value;
  productName ? document.querySelector('#products').innerHTML += `
<div><h1>Product: ${productName}</h1></div>
` : alert('Enter Product Name');
}

document.querySelector('#add').addEventListener('click', () => addProduct());
<input type="text" id="productName">
<button id="add">Add Product</button>
<div id="products"></div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50651837

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档