前端讲义32_javascript创建表格元素

最新推荐文章于 2022-04-19 12:32:23 发布

木生火

最新推荐文章于 2022-04-19 12:32:23 发布

阅读量148

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/msh2016/article/details/90085087

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

DOM添加新元素，先创建该元素节点，然后把它追加到已有的元素上。

<html>
<head>
<meta charset="utf-8">
<title>DOM创建表格元素 </title>
<script language="javascript"> 	 
//创建表格 
function createTable(w,h,r,d) 
{ 
    var table = document.createElement("table"); 
    var tbody = document.createElement("tbody"); 
     table.width = w; 
     table.height = h; 
     table.border =1;    
    for(var i=1;i<=r;i++) 
     { 
        var tr = document.createElement("tr"); 
        for(var j=1;j<=d;j++) 
         { 
             var td = document.createElement("td"); 
             td.innerHTML = i + "" + j; 
             //td.appendChild(document.createTextNode(i + "" + j)); 
             td.style.color = "#F00000"; 
             tr.appendChild(td); 
         } 
         tbody.appendChild(tr);    
     } 
     table.appendChild(tbody); 	 
     var element=document.getElementById("div1");
     element.appendChild(table);	 	 
 } 
</script>
</head>
<body>
<div id="div1">
    <p id="p1">这是一个段落。</p>
</div>
<p id="p2">这是另一个段落。</p>
<script>
  createTable(270,270,9,9); 
</script>	
</body>
</html>

木生火

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端讲义32_javascript创建表格元素

DOM添加新元素，先创建该元素节点，然后把它追加到已有的元素上。<html><head><meta charset="utf-8"><title>DOM创建表格元素 </title><script language="javascript"> //创建表格 function createTable(w,h...
复制链接

扫一扫

专栏目录