我想在html中创建一个论坛.如您所料,我是Web开发人员的新手.
假设有一个用户发布消息的模板：
@H_404_8@<div id="message"> <h3>#name of the user</h3> <p>#message</p> </div>
我希望用用户名和消息填充此模板,然后在用户发布模板时将其动态添加到主体中.
但是,正如我告诉您的那样,我对Web开发非常陌生.我不确定该怎么做.我需要的只是您的指导方针和想法.也许将我引向适当的教程和参考.
最佳答案
您可以使用模板文字,并且仅在模板内插入名称和msg.
@H_404_8@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)
