JavaScript 动态创建表格单元格示例

JavaScript 动态创建表格单元格示例

本文介绍一种通过 JavaScript 实现点击按钮自动增加表格单元格的方法，供参考学习。

这是一个网页在线生成表格的特效示例。核心功能由 JavaScript 实现，点击网页中的添加按钮后，页面会自动增加一个单元格。

<HTML>
<HEAD>
<TITLE>js动态生成表格</TITLE>
<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>
</HEAD>
<script>
function creates(){
newiframes=document.createElement("TABLE")
newiframes.id="t1"
newiframes.width="100"
newiframes.border="1"
newiframes.height="100"
newiframes.align="left"
newiframes.style.background="blue"
newiframes.insertRow()
newiframes.rows[0].insertCell()
document.body.insertBefore(newiframes)
}
</script>
<body>
<input type=button value='动态生成表格' onclick=creates()><br>
</body>
</HTML>

希望本文所述的 JavaScript 程序设计示例对大家有所帮助。