アプリ版：「スタンプのみでお礼する」機能のリリースについて

テーブルの行数を可変長にしたいです

解決済

  • 質問者：sora_naegino
  • 質問日時：
  • 回答数：1件

JavaScriptで出力したテーブルを変更ボタンを押した時にテーブルの
データと行数を変更したいのですが、行数の変更がどうしても出来ません。
以下の「予定」のテーブルのように変更前が5行のテーブルを変更後が3行の
テーブルに変更するにはどのようにすればよろしいでしょうか。
ご教授お願いいたします。

----------
| 変更前 |
----------
|1:aaa |
----------
|2:bbb |
----------
|3:ccc |
----------
|4:ddd |
----------
|5:eee |
----------

----------
| 変更後 |
----------
|6:fff |
----------
|7:ggg |
----------
|8:hhh |
----------
|4:ddd |
----------
|5:eee |
----------

----------
| 予定 |
----------
|6:fff |
----------
|7:ggg |
----------
|8:hhh |
----------


----------------------------------------
以下サンプルソース
----------------------------------------
<html>
<head>
<title>サンプル</title>
</head>
<body>
<script type="text/javascript">
<!--
var data_1 = new Array();
data_1[0] = "1:aaa";
data_1[1] = "2:bbb";
data_1[2] = "3:ccc";
data_1[3] = "4:ddd";
data_1[4] = "5:eee";

var data_2 = new Array();
data_2[0] = "6:fff";
data_2[1] = "7:ggg";
data_2[2] = "8:hhh";

function change_table()
{
var i;
for(i = 0;i < data_2.length;i++){
document.getElementById("data"+i).innerHTML = data_2[i];
}
}

function create_table()
{
var i;
for(i = 0;i < data_1.length;i++){
document.write("<tr><td id=\"data"+i+"\"></td></tr>");
document.getElementById("data"+i).innerHTML = data_1[i];
}
}


// -->
</script>

<form>
<input type="button" value="テーブル変更" onClick="change_table()">
</form>

<table border=4>
<script type="text/javascript">
<!--
create_table();
// -->
</script>
</table>

</body>
</html>

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： shinya23so
  • 回答日時：

<html>


<head>
<title>サンプル</title>
</head>
<body>
<script type="text/javascript">
<!--
var data_1 = new Array();
data_1[0] = "1:aaa";
data_1[1] = "2:bbb";
data_1[2] = "3:ccc";
data_1[3] = "4:ddd";
data_1[4] = "5:eee";

var data_2 = new Array();
data_2[0] = "6:fff";
data_2[1] = "7:ggg";
data_2[2] = "8:hhh";
data_2[3] = "";//ここに注目して下さい
data_2[4] = "";//ここに注目して下さい

function change_table()
{
var i;
for(i = 0;i < data_2.length;i++){
document.getElementById("data"+i).innerHTML = data_2[i];
}
}

function create_table()
{
var i;
for(i = 0;i < data_1.length;i++){
document.write("<tr><td id=\"data"+i+"\"></td></tr>");
document.getElementById("data"+i).innerHTML = data_1[i];
}
}


// -->
</script>

<form>
<input type="button" value="テーブル変更" onClick="change_table()">
</form>

<table border=4>
<script type="text/javascript">
<!--
create_table();
// -->
</script>
</table>

</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答いただきありがとうございます。
テーブルID.deleteRow()で行を削除できました。

通報する
お礼日時：2008/07/19 09:50

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

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

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

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

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

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

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

おすすめ情報