Question

我创建了一个包含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>

你可以帮帮我吗？谢谢！

Answer 1

您的代码有点混乱。

此：

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

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

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

现在te是myHeader1的colspan值。

如果你想获得价值，那就是'月'：

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

现在te的值为'month'！

希望这有帮助！

Answer 2

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

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

您想获得跨度的值吗？我从未尝试过javascript，我一直使用CSS。

但是，请仔细阅读此页面：Calculate and set colspan value dynamically

他展示了一个完善的代码，你也可以尝试从元素中获取值，如：

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

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

显示或读取colspan值

2 个答案: