何もないところに文字を表示させるテクニックとは？

2007/03/23 13:13

このQ&Aのポイント

ページの再読込なく、一つのページ内でボタンやリンクをクリックすることで、新たに文字を登場させるテクニックを知りたいです。
既存のテクニックとして、document.write()やフォームのテキストエリアを使用する方法がありますが、柔軟性に欠けたり、ページの地の部分に表示できないといった制約があります。
そこで、<div>や<p>や<span>、あるいはテーブルの<td>要素の中身のみをダイレクトに変換できるテクニックを教えてください。

babusan
お礼率95% (63/66)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

venzou
ベストアンサー率71% (311/435)

2007/03/23 15:10 回答No.2

>要素の中身（文字）のみをダイレクトに変換できるテクニックがあればお教えください innerHTMLを使えばよいと思います。サンプル <html> <head> <script language="JavaScript"></script> </head> <body> <a href="javascript:void(0);" onClick="test();">変更</a> <div id="div1"></div> <table border="1"><tbody> <tr><td>tableのテスト</td></tr> <tr><td id ="td1"> </td></tr> </tbody></table> </body> </html>

質問者

お礼 2007/03/23 22:26

　ありがとうございます。　innerHTML、そういえば昔に学んだ覚えがあります。大変参考になりました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

ishkkr
ベストアンサー率46% (35/75)

2007/03/23 13:39 回答No.1

CSSにてあらかじめタグに visibility:hidden; または display:none; を指定しておきます。書式は「<XXX style="visibility:hidden;">」これをスクリプトで visibility:visible; または display:block; （場合によってはinline）に変更することで実現可能かと思います。スクリプトは「表示状態を変更したいオブジェクト.style.visibility = "visible";」おそらくこれで大丈夫かと思いますが、ながらくスクリプトなんてさわってないので違ったら申し訳ないです＞＜とほほのスタイルシート入門 http://www.tohoho-web.com/css/reference.htm#visibility http://www.tohoho-web.com/css/reference.htm#display

質問者