js动态写入table中的数据

按照这个系统写的一个小的web程序，前端额页面极其的丑陋，只是简单的把动态写入table保存一下，话不多说上代码

 $.ajax({
                    type: "post",
                    ansyv: false,
                    data: {
                        "findName": findName
                    },
                    datatype: "json",
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    url: "book?action=bookList",
                    success: function (data) {

                        var result = eval('(' + data + ')') //转化获取的json对象
                        if (result.status == 1) {

                            var len = result.books.length;
                            var str = "id书名价格库存借出操作";
                            for (var i = 0; i < len; i++) {
                                str += "" + result.books[i].id + "" +
                                    "" + result.books[i].name + "" +
                                    "" + result.books[i].price + "" +
                                    "" + result.books[i].kucun + "" +
                                    "" + result.books[i].borrow + "" +


                                    "" +
                                    " ";
                            }
                            document.getElementById("alternatecolor").innerHTML = str;
                            altRows('alternatecolor');
                        } else if (result.status == 0) {
                            alert("查询失败");
                        } else {
                            alert("图书不存在")
                        }
                    },
                })

 上面的追加数据用的是原生的JS       

我还去网上找的渲染table的一段css代码，上效果图：

（捂脸，我竟然敢发出来哈哈）

 

 document.getElementById("alternatecolor").innerHTML = str;   //原生的Js

这段代码试将哪段代码写入到对应的标签当中去，就是这个table里面

 
图书查询
        书名：
        

        


            

        

奥对了还有table渲染的代码css和js的混合,其实特别的简单，这里留作备份的，