JS插入节点实现创建表格

作者: 郭钰涛 | 来源:发表于2017-05-31 16:04 被阅读0次

JS插入节点实现创建表格
表格创建的方法
insertAfter实现
原生JS封装查找元素节点的方法
JS实现插入排序、快排、二分查找法
js-节点操作
python 循环单向链表
Python--单向链表
简单的字典树
树的广度优先遍历 GO语言实现

<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>自动创建表格</title>  
    <style type="text/css">  
        table{  
            width:300px;  
            height:100px;  
            border:#000 1px solid;  
            border-collapse:collapse;  
            }  
    </style>   
</head>  
<body>  
    <input type="text" id="line">行数<br>  
    <input type="text" id="list">列数<br>  
    <input type="button" value="添加表格" onclick="autocreate()">  
    <div id="d1" style="height:400px; width:300px;"></div>  
</body>
<script type="text/javascript" language="javascript">  
function autocreate(){  
    //创建table表格  
    var table=document.createElement("table");  
    table.setAttribute("border","10");  
    // table.setAttribute("background","red");  
    //获取行数值  
    var line=document.getElementById("line").value;  
    //获取列数值  
    var list=document.getElementById("list").value;

    for(var i=0;i<line;i++){  
        //alert(line);  
        //创建tr  
        var tr=document.createElement("tr");  
        for(var j=0;j<list;j++){  
            //alert(list);  
            //创建td  
            var td=document.createElement("td");  
            tr.appendChild(td);  
            }  
            table.appendChild(tr);  
        }  
        document.getElementById("d1").appendChild(table);  
    }  
</script>   
</html>