为什么js写入模板字符串里面的ul的样式不能显示的原因

JavaScript011

为什么js写入模板字符串里面的ul的样式不能显示的原因,第1张

模板字符串里面只能输出一个字符串，所以即使把js写入模板字符串里面，也不能把其中的样式显示出来。为了让js中的样式能够显示出来，我们应该在模板字符串外面使用JavaScript的样式属性（style）来应用到这些样式。

<table></table>

.......

function microTemplate(t , args){

    return t.replace(/\$\$\{(.*?)\}/img , function(ag , ag1){

        return args[ag1]||ag

    })

}

var stringBuffer = []

var info = [{name:"aaa",placeholder:"aaa"},{name:"bbb",placeholder:"bbb"}]

var ilen = info.length

while(ilen--){

stringBuffer.push(microTemplate("<tr><td><input type='text' name='$${name}' placeholder='$${placeholder}'></td></tr>",info[ilen]))

}

stringBuffer.push("<tr><td><input type='submit' value='提交' /></td></tr>")

document.getElementsByTagName("table")[0].innerHTML=stringBuffer.join("")

试试吧，应该会优雅一点，模板只做个大概，正常的话可以找个前端模板引擎