javascript-如何在html中创建模板或占位符并将其动态添加到正文中？

概述我想在html中创建一个论坛.如您所料,我是Web开发人员的新手.假设有一个用户发布消息的模板：<div id='message'> <h3>#name of the user</h3> <p>#message</p> </div> 我希望用用户名和消息填充此模板,然后在

我想在HTML中创建一个论坛.如您所料,我是Web开发人员的新手.

假设有一个用户发布消息的模板：

<div ID="message">    <h3>#name of the user</h3>    <p>#message</p></div>

我希望用用户名和消息填充此模板,然后在用户发布模板时将其动态添加到主体中.

但是,正如我告诉您的那样,我对Web开发非常陌生.我不确定该怎么做.我需要的只是您的指导方针和想法.也许将我引向适当的教程和参考.

最佳答案您可以使用模板文字,并且仅在模板内插入名称和msg.

let template  = document.querySelector('div#message');function createMessage(name,msg){  return (    `<div ID="message">    <h3>${name}</h3>    <p>${msg}</p>    </div>`    )}let data = [{  name:"name 1",message:"message 1",},{  name:"name 2",message:"message 3",{  name:"name 3",]let str = data.map(x => createMessage(x.name,x.message)).join('');document.body.insertAdjacentHTML("afterend",str)

总结

以上是内存溢出为你收集整理的javascript-如何在html中创建模板或占位符并将其动态添加到正文中？ 全部内容，希望文章能够帮你解决javascript-如何在html中创建模板或占位符并将其动态添加到正文中？ 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。