Javascript -- 动态创建表格以及表单

*动态创建表格:<html>

<head>
<script>
    window.onload = function() {
    var json={
        "id1":"3",
        "id2":"4",
        "id3":"7",
        "id4":"7",
        "id5":"7",
        "id6":"7"
    };
    
    var table = document.getElementById("table");
    var table2 = document.createElement("tbody");
    table.appendChild(table2);
 　　
　　//在循环之前一定要确定是json对像； 可以使用typeof()来查看对象的类型，若是String类型，可以使用JSON.parse(str)
　　//如果在是server端传递过来的是array，则最好在传递前转换成Json对象。
　　//如在PHP里，使用 echo json_encode($arr);
    for(var i in json){
        var row = document.createElement("tr");
        table2.appendChild(row);
        var col1 = document.createElement("td");
        col1.innerHTML="<b>"+i+"</b>";
        row.appendChild(col1);
        //alert(i);
        var col2 = document.createElement("td");
        col2.innerHTML="<b>"+json[i]+"</b>";
        row.appendChild(col2);
        //alert(json[i]);
    }
}    
</script>
</head>
    <body>
    <div id="holder">
        <table id="table">
    </div>
    </body>
</html>

*

*

*

posted on 2016-04-29 15:20  yeatschen  阅读(107)  评论(0)    收藏  举报

导航