第一种:
比较常见的就是直接把字符串拼接,然后插入到元素中。
var html='<li>' + data.num + '</li><li>' + data.floor + '</li><li>' + data.name + '</li><li>' + data.money + '</li>';
elem.innerHTML=html;
第二种:
与第一种大致,先创建对象,然后添加到外层对象中
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
第三种:
可以用网上mvvm框架,数据绑定比如:angular ,vue等
第四种:
模板的比如 (template.js)
我自己写个小例子,不要喷我啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title