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