标题:创建动态Table后,其属性Rowspan不起作用,有谁知道帮帮忙?
取消只看楼主
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
 问题点数:0 回复次数:5 
创建动态Table后,其属性Rowspan不起作用,有谁知道帮帮忙?
如题,
<head>
<script>
function create(){
var table = document.createElement("table");
table.border='1';
var oTbody = document.createElement("tbody");
var oTr1 = document.createElement("tr");
var oTr2 = document.createElement("tr");
var oTd1 = document.createElement("td");
var oTd2 = document.createElement("td");
var oTd3 = document.createElement("td");
oTd1.innerText = "111";
oTd1.rowspan = 2; //这句似乎没有作用,在页面显示的没有跨行
oTd2.innerText = "222";
oTd3.innerText = "333";
oTr1.appendChild(oTd1);
oTr1.appendChild(oTd2);
oTr2.appendChild(oTd3);
oTbody.appendChild(oTr1);
oTbody.appendChild(oTr2);
table.appendChild(oTbody);
document.body.appendChild(table);
}
</script>
</head>
<body>
<input type="button" value="create" />
</body>

表格创建成功,但是设置的rowspan却不起作用,查了半天没有找到解药,在网上好像给的也是这种写法,不知道是否操作系统的问题,我用的是日文操作系统,但是应该没有什么关系。各位大虾有办法的给点提示,谢谢!在线等...

[[italic] 本帖最后由 mycxsky110 于 2007-11-26 19:00 编辑 [/italic]]
搜索更多相关主题的帖子: quot var document Table Rowspan 
2007-11-26 17:09
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
得分:0 
另一种写法也不可以
<script>
  function intt()
  {
  var gettb = document.getElementById("otable");
  var crtr = gettb.insertRow();
  var crtda = crtr.insertCell();
  var crtdb = crtr.insertCell();
  crtdb.rowspan=2;

  var crotr = gettb.insertRow();
  var crotd = crotr.insertCell();

  crtda.innerHTML="1";   
  crtdb.innerHTML="2";   
  crotd.innerHTML="3";   
  }
  </script>  

  <table width="300" border="1" id="otable">
      <tr>     
         <td>原来的1</td>   
         <td rowspan="2">原来的2</td>   
      </tr>   
      <tr>     
         <td>原来的3</td>
      </tr>
  </table>
  <input type="button"  value="intt"></input>

[[italic] 本帖最后由 mycxsky110 于 2007-11-26 18:54 编辑 [/italic]]

上善若水,水善利万物而不争,处众人之所恶,故几于道。
2007-11-26 17:30
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
得分:0 
请教高手指点....

[[italic] 本帖最后由 mycxsky110 于 2007-11-26 18:57 编辑 [/italic]]

上善若水,水善利万物而不争,处众人之所恶,故几于道。
2007-11-26 17:31
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
得分:0 
走过路过,帮忙顶过....

上善若水,水善利万物而不争,处众人之所恶,故几于道。
2007-11-26 19:30
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
得分:0 
啊....我想跳楼了,放了大错误....
太不小心了,
问题已经解决,结贴

上善若水,水善利万物而不争,处众人之所恶,故几于道。
2007-11-26 19:44
mycxsky110
Rank: 1
来 自:屠宰场
等 级:新手上路
帖 子:42
专家分:0
注 册:2007-11-19
得分:0 
呵呵,不好意思,粗心大意的结果,
<script>
  function intt()
  {
  var gettb = document.getElementById("otable");
  var crtr = gettb.insertRow();
  var crtda = crtr.insertCell();
  var crtdb = crtr.insertCell();
  crtdb.rowspan=2;//应该是crtdb.rowSpan = 2 在javascript中访问属性是大小写区分的。

  var crotr = gettb.insertRow();
  var crotd = crotr.insertCell();

  crtda.innerHTML="1";   
  crtdb.innerHTML="2";   
  crotd.innerHTML="3";   
  }
  </script>  

  <table width="300" border="1" id="otable">
      <tr>     
         <td>原来的1</td>   
         <td rowspan="2">原来的2</td>   
      </tr>   
      <tr>     
         <td>原来的3</td>
      </tr>
  </table>
  <input type="button"  value="intt"></input>

上善若水,水善利万物而不争,处众人之所恶,故几于道。
2007-11-28 19:19



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-188534-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.162562 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved