求助JS动态添加div到页面的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<div id="container"></div>
<input type="button" value='add' onclick="createDiv('container')">
<script type="text/javascript">
function createDiv(parent){
parent=parent?document.getElementById(parent):document.body;
var html='<div  class="main">'+
             '<div class="top"><p>第一个</p></div>'+
             '<div class="bottom">'+
                 '<div class="left"><p>槽温</p><span class="sp1">10</span></div>'+
                 '<div class="right"><p>缸温</p></div>'+
             '<div style="clear:both;"></div>'+
             '</div>'+
         '</div>';
parent.insertAdjacentHTML('beforeend',html);
}
</script></body>
</html>
类似这样试试

后台的数据过来应该是
[
{"a":"第一个",
      ["b":"槽温1","c":'缸温1']
},{"a":"第二个",
      ["b":"槽温2","c":'缸温2']
},{"a":"第三个",
      ["c":"槽温3","c":'缸温3']
}
]
最后你for(){}此数据，懂不

做了一个Demo，可以点击查看在线演示代码
function createDiv(parent) {
                    parent = parent ? document.getElementById(container) : document.body;
                    var html = '<div  class="main">' +
             '<div class="top"><p>fdfd</p></div>' +
             '<div class="bottom">' +
                 '<div class="left"><p>槽温</p><span class="sp1">10</span></div>' +
                 '<div class="right"><p>缸温</p></div>' +
             '<div style="clear:both;"></div>' +
             '</div>' +
                '</div>';
                    parent.insertAdjacentHTML('beforeend', html);
                };
$(document).ready(function ShowTempNow() {
    $.ajax({
        type: "get",    //设置调用类型
        async: false,
        dataType: "json",   //设置数据类型
        url: "../../Handler/BusiTimeStatus.ashx",    //url
        success: function (obj) {
            var count = obj.total;
            //   alert(eval(obj.rows[0].BlenderCurrent));
            for (var j = 0; j < count; j++) {
                createDiv(Div1);
            }
        }
    });
});
这样调用最后没有成功,你觉得是什么问题.
var count = obj.total;
这个count是传过来了的,Div1也是在其它地方定义了

调试易

求助JS动态添加div到页面的问题

解决方案 »