js添加html元素

使用js给html添加元素不仅可以简化代码，而且可以将原来的代码写活，使代码更具有生命力，具体做法如下:

function get_name_list(){
    var customers=["apple", "orange", "banana", "peach"];

    customers.forEach(function(persons){
        var customers_html="<li class='apper'>"+"<a href='order.html' class='css_button_style' onclick='AcceptData("+'"'+persons+'"'+")'>"+"<b><p class='css_font_style'>"+persons+"</p>"+"</b>"
+"</a>"+"</li>";
        $("body").append(customers_html)
    });
}

 这个函数是在某个事件触发时调用，看你如何设定了，你需要把所有html标签用引号引起来，如果是href，class，onclick等用单引号，调用函数的括号内要用双引号将加号引起来，最后在页面显示要用到jquery，所以在html当中要引入它