- 締切済み
javascriptを使って文字を表示させたい
javascriptを使ってdivタグをクリックしたらdivタグの中に文字を表示させたいのですが、どのように記述すればよいのでしょうか？
- aaaairiiii
- お礼率0% (0/6)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- medal
- ベストアンサー率100% (3/3)
JQueryを使っても良いのならこんな感じですかね。 <!doctype html> <html lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1", {compressed: true});</script> <script type="text/javascript"> //<![CDATA[ $(function(){ $("#item01").click(function(){ $("#item01 > p").css({ "visibility": "visible" }); }); }); // ]]> </script> <style type="text/css"> #item01 { width: 200px; padding: 4px; border: solid 1px #ff0000; cursor: pointer; } #item01 p { visibility: hidden; } </style> </head> <body> <div id="item01"> <p>ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ</p> </div> </body> </html>
- jjon-com
- ベストアンサー率61% (1599/2592)
http://okwave.jp/qa/q7279331.html の私の回答ANo.1 の onmouseover を onclick に置き換える。
- qualheart
- ベストアンサー率41% (1451/3486)
＞divタグをクリックしたら HTML上にHTMLソース例のようなものを表示し、そこにあるdivタグをクリックしたら内容を表示させたいってことでしょうか？ そうであれば、HTMLソースでは非表示にする内容部分をdivタグで囲みIDを付けておきます。 また、スタイルシート記述でdivそのものをvisibility:hiddenに設定しておきます。 この上で、このIDのdivに対し、表示上のdivタグテキストをクリックしたら、visibility:visibleに切り替えるようなjavascriptを組めばOKです。 visibility:hiddenなどで検索すれば、サンプルを検索することができると思います。 ご参考まで。
