1

我创建了一个包含 colspan 和 rowspan 的表。然后我想获取或读取这些 colspan 和 rowspan 值。我这样做是因为我想用它来生成 xml。我需要这个值。我玩弄这段代码来测试：

<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
document.getElementById("myHeader1").colSpan="2";
}
function displayColSpan()
{
var te;
document.getElementById("myHeader1").colSpan=te;
alert(te);
}
</script>
</head>
<body>

<table border="1">
  <tr>
    <th id="myHeader1">Month</th>
    <th id="myHeader2">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100.00</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$10.00</td>
  </tr>
  <tr>
    <td>March</td>
    <td>$80.00</td>
  </tr>
</table>
<br> 

<button type="button" onclick="displayResult()">Change colSpan for the first cell</button>
<button type="button" onclick="displayColSpan()">test</button>
</body>
</html>

你可以帮帮我吗？谢谢！

4

2 回答 2

1

您的代码有点混乱。

这个：

document.getElementById("myHeader1").colSpan=te;

将 myHeader1 的 colspan 值更改var te为未定义的 。相反，您应该这样做：

te = document.getElementById("myHeader1").colSpan

现在te是 myHeader1 的 colspan 值。

如果你想得到这个值，那就是'月'：

te = document.getElementById("myHeader1").innerHTML

现在 te 的值是“月”！

希望这可以帮助！

于 2013-10-07T02:28:19.610 回答
0

您使用的代码是从该站点复制的：http ://www.w3schools.com/jsref/tryit.asp?filename= tryjsref_th_colspan 不是吗？

好，那你一定注意到他们在那里做什么了？它们只是改变了列的属性和它们的跨度，我们在 css 中可以说的可能是填充。

你想得到跨度的值吗？我从来没有为此尝试过javascript，我一直使用CSS。

但是，请浏览此页面：Calculate and set colspan value dynamic

他展示了一个开发良好的代码，您还可以尝试从元素中获取值，例如：

var val=document.getElementById("idofel").style.backgroundColor;

要获取背景颜色，您也可以尝试此表的其他值。显然不是背景色，而是必要的。然后用 XML 编写它们！

于 2013-10-07T02:15:07.770 回答