在刚完成的作业中,使用的动态添加页面元素的代码:
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名称即可。