在刚完成的作业中，使用的动态添加页面元素的代码：
function add(name) { $("#list").append(" <a class='a' href=\"\"><li class='li'>\n" + " <img class='img' src=\"/picture/logo.png\" >\n" + " <div class='span'>"+name+"</div>\n" + " </li></a>"); 主要使用jq的append()函数，先指定生成元素位置的上级元素$("#list")，然后将我们的要添加的元素拼接成字符串的形式作为参数传入append()即可。
可以先将元素的样式统一在css文件里先定义好，在js中加入class名称即可。
文章来源: js动态添加页面元素