重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

指定したセルにrowspan属性を適用したい

解決済

  • 質問者：KanjiTalk
  • 質問日時：
  • 回答数：4件

テーブルのセル，例えばtd1にHTMLで言うところのrowspan属性を適用したいのですが，どうすればいいのでしょうか。どうしてもJavaScriptで適用したいのですが。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

#3補>具体的にどのようにすればいいのか教えて頂けますか？


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>サンプル</title>
<script type="text/javascript">
<!--
window.onload=function(){
var tb = document.getElementById("data");
var newTR;
var newTD;

newTR = tb.insertRow(tb.rows.length);
//通常の一行を作成する
newTD = newTR.insertCell(0);
newTD.innerHTML = "A1";
newTD = newTR.insertCell(1);
newTD.innerHTML = "B1";
newTD = newTR.insertCell(2);
newTD.innerHTML = "C1";

newTR = tb.insertRow(tb.rows.length);
//Ｂ列のセルが２行分の幅がある
newTD = newTR.insertCell(0);
newTD.innerHTML = "A2";
newTD = newTR.insertCell(1);
newTD.innerHTML = "B2";
newTD.rowSpan = 2;
newTD = newTR.insertCell(2);
newTD.innerHTML = "C2";

newTR = tb.insertRow(tb.rows.length);
//上の行のセルがまたがっているのでセルが１個少ない
newTD = newTR.insertCell(0);
newTD.innerHTML = "A3";
newTD = newTR.insertCell(1);
newTD.innerHTML = "C3";

newTR = tb.insertRow(tb.rows.length);
//また通常の一行を作成する
newTD = newTR.insertCell(0);
newTD.innerHTML = "A4";
newTD = newTR.insertCell(1);
newTD.innerHTML = "B4";
newTD = newTR.insertCell(2);
newTD.innerHTML = "C4";
};
//-->
</script>
</head>
<body>
<TABLE border="1" cellspacing=0 bordercolor="black">
<THEAD align="center"><TD>Ａ</TD><TD>Ｂ</TD><TD>Ｃ</TD></THEAD>
<TBODY id="data">
</TBODY>
</TABLE>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

うまくいきました。本当にありがとうございます。

通報する
お礼日時：2006/07/22 12:21

No.3

  • 回答者： BLUEPIXY
  • 回答日時：

ＤＯＭを使って追加したＴＤの属性のrowSpan に行数を指定します。



参考URL：http://www.doraneko.org/misc/dom10/19981001/leve …

この回答への補足

すみません，私には少し難しいので，具体的にどのようにすればいいのか教えて頂けますか？

補足日時：2006/06/04 18:07
通報する
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： BLUEPIXY
  • 回答日時：

どういう状況か補足してください。


例えば、既に正規なテーブルのセルにrowspan を適用したら、正常でなくなってしまいますが・

この回答への補足

すみません，tableとtbodyはHTMLに元から書き込んであり，trとtdはJavaScriptで追加しています。

補足日時：2006/06/02 20:10
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： yambejp
  • 回答日時：

まずどのようにテーブルをつくっているか書くべきです。


もっとも単純な方法はdocument.writeする。
次に簡単なのはtrにidをふって、innerHTMLを書き換える。
おそらく希望しているのはテーブルをオブジェクトと
して生成したいのだと思いますが、あいまいな質問なので
なにがしたいかわかりません。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報