javascript - 是否有动态添加标签更好的方法

问题描述

问 题

AJAX获取到的数据需要动态的添加标签到页面中，于是有了这种代码

var CreatLi = data => '<img src="' + data.smallPhotoUrl +
        '"alt="' + data.name +
        '" width="50" height="50"><div><p>' + data.name +
        '</p><img src="img/learnerCount.png" height="11" width="9"/>&nbsp;<span>' + data.learnerCount +
        '</span></div>'

有没有更好的解决方法？一看就知道添加了什么标签，标签里有什么属性的那种，而且还不繁琐。
用createElement的话代码会变很多。

解决方案

可以使用 ``
例：

`<img src="${data.smallPhotoUrl}" alt="${data.name}" width="50" height="50" />`

这篇关于javascript - 是否有动态添加标签更好的方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！