当前位置: 代码迷 >> Java Web开发 >> 怎么用JS合并单元格
  详细解决方案

怎么用JS合并单元格

热度:177   发布时间:2007-04-16 13:31:13.0
怎么用JS合并单元格
请问怎么用JS合并单元格,
搜索更多相关主题的帖子: 单元格  

----------------解决方案--------------------------------------------------------
怎么用JS合并动态产生的单元格


----------------解决方案--------------------------------------------------------
我用html标记写这样的表格:<tr><td></td><td></td></tr>
<tr><th colspa=2></th></tr>
现在我要用JS产生跟上面一样的效果,请问怎么写?请各位高手指点指点

----------------解决方案--------------------------------------------------------

[CODE]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function insertStr() {
var parNode = document.getElementById("table1"); //定位到table上
tbody = document.createElement("TBODY");
var tr= document.createElement("tr"); //新建一个tr类型的Element节点
var td = document.createElement("td"); //新建一个td类型的Element节点
td.appendChild(document.createTextNode("<tr><td>1</td>"));
tr.appendChild(td);

var td = document.createElement("td"); //新建一个td类型的Element节点
td.appendChild(document.createTextNode("<td>2</td></tr>"));
tr.appendChild(td);
tbody.appendChild(tr);

var th = document.createElement("th"); //新建一个td类型的Element节点
th.colSpan=2;
th.appendChild(document.createTextNode("<tr><th colspan='2'>3</th></tr>"));
var tr= document.createElement("tr"); //新建一个td类型的Element节点
tr.appendChild(th);
tbody.appendChild(tr);
parNode.appendChild(tbody);
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input name="insert" type="button" id="insert" value="生成表格" onClick="insertStr()">
</form>
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">

</table>
</body>
</html>

[/CODE]


----------------解决方案--------------------------------------------------------
谢谢你,angeloc


----------------解决方案--------------------------------------------------------
我差点被气哭,我的代码里就是没把S大写,其他的都跟你差 不多,我看了你的代码后把S改为大写,效果出来了。

----------------解决方案--------------------------------------------------------
动态按钮的onclick事件
请问,通过JS产生的按钮,怎么写它的onclick事件,我的button代码是这样的:
var btn=document.createElement("input");
btn.type="button";
btn.value="BUTTON";
btn.name="b";
btn.onclick="a()";
我点击button但是没反应,在这里是不是不能直接用onclick事件,请高手帮帮忙,指点我一下该如何解决这个问题。
----------------解决方案--------------------------------------------------------
[CODE]
var bn=document.createElement("input");
bn.type="button";
bn.value="Function Test";
//方法一
bn.onclick=function test(){alert("test");}

//方法二,可以添加多个事件
if(window.addEventListener)
{ // 其他浏览器
bn.addEventListener('click', alert('11'), false);
bn.addEventListener('click', alert('12'), false);
}
else
{ // IE浏览器
bn.attachEvent('onclick', function(){alert('21');});
bn.attachEvent('onclick', function(){alert('22');});
}

[/CODE]
----------------解决方案--------------------------------------------------------
用JSP 该怎么写哦?   急..上面两位师兄 帮下...
----------------解决方案--------------------------------------------------------
  相关解决方案