JS是很强大的脚本语言,想关内容有很厚一本书。
我给你写个动态生成BUTTON的例子。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function insertStr() {
var f = document.form1;
// 从最终的TextNode节点开始,慢慢形成<tbody>结构
var td = document.createElement("td"); //新建一个td类型的Element节点
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
var bn=document.createElement("input");
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
bn.type="button";
bn.value="BUTTON";
td.align="center";
td.appendChild(bn);
tr.appendChild(td); //将节点td加入tr中
tbody.appendChild(tr); //将节点tr加入tbody中
var parNode = document.getElementById("table1"); //定位到table上
parNode.insertBefore(tbody,parNode.firstChild); //将节点tbody插入到节点顶部
//parNode.appendChild(tbody); //将节点tbody加入节点尾部
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input name="insert" type="button" id="insert" value="生成BUTTON" onClick="insertStr()">
</form>
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
<tbody>
</tbody>
</table>
</body>
</html>