mycxsky110 发表于 2007-11-26 17:09

创建动态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";
[color=red]oTd1.rowspan = 2; //这句似乎没有作用，在页面显示的没有跨行[/color]
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]]

mycxsky110 发表于 2007-11-26 17:30

另一种写法也不可以

<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]]

mycxsky110 发表于 2007-11-26 17:31

请教高手指点....

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

mycxsky110 发表于 2007-11-26 19:30

走过路过，帮忙顶过....

mycxsky110 发表于 2007-11-26 19:44

啊....我想跳楼了，放了大错误....
太不小心了，
问题已经解决，结贴

爱情密码 发表于 2007-11-27 20:54

楼主可以说一下是如何解决解决问题的吗

[[italic] 本帖最后由 爱情密码 于 2007-11-27 20:55 编辑 [/italic]]

mycxsky110 发表于 2007-11-28 19:19

呵呵，不好意思，粗心大意的结果，
<script>
  function intt()
  {
  var gettb = document.getElementById("otable");
  var crtr = gettb.insertRow();
  var crtda = crtr.insertCell();
  var crtdb = crtr.insertCell();
  [color=Red]crtdb.rowspan=2;[/color]//应该是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-29 16:03

呵呵，谢谢

[[italic] 本帖最后由 爱情密码 于 2007-11-29 16:19 编辑 [/italic]]

页: [1]

编程论坛