特定の文字列を挿入

解決済

質問者：ryupyon
質問日時：2008/10/17 21:35
回答数：3件

テーブルのセルに特定の文字列を挿入する方法は御座いませんか？
例えば、
ＨＴＭＬファイル
<html>
<head>
</head>
<body>
<table>
<tr><td>　(1)　</td><td>　(2)　</td></tr>
<tr><td>　(3)　</td><td>　(4)　</td></tr>
</table>
</body>
</html>
とあった場合

JavaScriptファルには
(1)に挿入する内容
(2)に挿入する内容
(3)に挿入する内容
(4)に挿入する内容
を書いてHTMLファイルに書き出しをしたいのです。
document.write('');を使って書き出す方法は知っていますが、指定した場所に貼り付けたい場合複数ファイルが必要になりますよね？
それでは不便なので、JavaScriptファルは外部化で１つのファイルにし、指定箇所に文字列を挿入する方法を教えてください。
printを使えばいいんでしょうか？

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2008/10/17 22:16

いちばん簡単なのはtdにidを振ることかなぁ

<html>
<head>
<script>
window.onload=function(){
document.getElementById("td1").innerHTML="1の変化後";
document.getElementById("td2").innerHTML="2の変化後";
document.getElementById("td3").innerHTML="3の変化後";
document.getElementById("td4").innerHTML="4の変化後";
}
</script>
</head>
<body>
<table>
<tr><td id="td1">(1)</td><td id="td2">(2)</td></tr>
<tr><td id="td3">(3)</td><td id="td4">(4)</td></tr>
</table>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

早速回答ありがとうございます。
まさに私が求めていたものです。是非参考にさせていただきます。

通報する

お礼日時：2008/10/18 02:35

No.3

回答者： noname#137826
回答日時：2008/10/18 00:44

セルの内容の指定をわかりやすく、こんな感じでどうでしょう。

---

<html>
<head>
<script type="text/javascript"></script>
</head>
<body>
<table id="tbl">
<tr><td>　(1)　</td><td>　(2)　</td></tr>
<tr><td>　(3)　</td><td>　(4)　</td></tr>
</table>
</body>
</html>

この回答への補足

早速回答ありがとうございます。
こちらの場合ちょっと複雑なテーブルになるとJavaScriptの方が大変そうですね＾＾；なので、今回はＮｏ２さんのを参考にさせていただく事になりました。

補足日時：2008/10/18 02:28

通報する

- 0
- 件

通報する

No.1

回答者： fujillin
回答日時：2008/10/17 22:12

こんな雰囲気のことでしょうか？

<html>
<head>
<script>
function change(){
var td = document.getElementById('test').getElementsByTagName('td');
for (var i=0; i<td.length; i++){
//　順番にｎ番目のtdはtd[n-1] :（添字は0からスタート）
td[i].innerHTML = (i+1)+"番を<br>変えてみました";
}
}
</script>
</head>

<body>
<table border=1 id="test">
<tr><td>　(1)　</td><td>　(2)　</td></tr>
<tr><td>　(3)　</td><td>　(4)　</td></tr>
</table>
<p>
<input type="button" onclick="change()" value="変更テスト">
</body>
</html>