當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript 动态创建表格
生活随笔
收集整理的這篇文章主要介紹了
javascript 动态创建表格
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html><head><script>function createTable(rows,lines){this.rows=rows;this.lines=lines;var Body=document.getElementById('body');var Table=document.createElement('table');//創建table標簽元素
Table.setAttribute('border','1');//給table標簽添加其他屬性for(var i=0;i<this.rows;i++){var lRow=document.createElement('tr');for(var j=0;j<this.lines;j++){var textNode=document.createTextNode(i+','+j);var lLine=document.createElement('td');lLine.appendChild(textNode);lRow.appendChild(lLine);}Table.appendChild(lRow);}Body.appendChild(Table);}</script></head><body ><div id="body"></div></body><script type="text/javascript">createTable(10,10);</script>
</html> View Code
第二種方法：
<script>function createTable(rows,lines){this.rows=rows;this.lines=lines;var Body=document.getElementById('body');var Table=document.createElement('table');Table.setAttribute('border',1);for(var i=0;i<this.rows;i++){var row=Table.insertRow(i);for(var j=0;j<this.lines;j++){var cells=row.insertCell(j);cells.innerHTML=i+','+j}}Body.appendChild(Table);}</script>轉載于:https://www.cnblogs.com/ikasa007/p/3487209.html
總結
以上是生活随笔為你收集整理的javascript 动态创建表格的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 纯HTML个人简历模板代码
- 下一篇： Android 四大组件 —— 活动（活