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

myHeader1teの 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 を使用してきました。

ただし、このページを参照してください: colspan 値を動的に計算して設定する

彼はよく開発されたコードを示しました。次のような要素から値を取得することもできます。

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

背景色を取得するには、このテーブルに対して他の値を試すこともできます。明らかに背景色ではありませんが、必要なものです。そして、それらを XML で記述します。

于 2013-10-07T02:15:07.770 に答える