javascriptでの質問です。

javascript側でimgタグを非表示にしたいと思います。
表示、非表示両方ご教授くださるとありがたいです。
簡単にできるような感じでお願いします。
●html
<div id="hoge1">
<p class="next"><img src="#" alt="next" /></p>
<p class="back"><img src="#" alt="back" /></p>
</div>
●javascript
if(hoge == next) {
imgを非表示???
} else {
imgを表示 ???
}

回答の条件
  • 1人3回まで
  • 13歳以上
  • 登録:2010/05/08 18:39:12
  • 終了:2010/05/08 19:25:19

ベストアンサー

id:Committeeman No.1

Committeeman回答回数153ベストアンサー獲得回数192010/05/08 18:54:36

ポイント60pt
<p id="next" class="next">

表示
var p = document.getElementById('next');
p.display = "none";

非表示
var p = document.getElementById('next');
p.display = "block";

classでも出来なくは無いがブラウザ依存度が高まる

classとidの使い分けも覚えておいたほうがよい

id:xv1700

全然消えません(><)

next

back

javascript

function Next() {

var p = document.getElementById('next');

p.display = "none";

}

pをalertしてみたら([object HTMLParagraphElement])が

データは取得できているってことですよね・・・

2010/05/08 19:09:52
  • id:Bombastus
    解決したのでしょうか?

    参考までに以下にサンプルを掲げます。
    画像(div.hoge1のブロック)を消すときは hidden を、再表示するときには visible にしてください。
    ----------------------------
    <html>
    <head>
    <script type="text/javascript">
    function hoge() {
    alert("hidden images"); //念のため
    document.getElementById("hoge1").style.visibility = "hidden";
    // document.getElementById("hoge1").style.visibility = "visible";
    }
    </script>
    </head>

    <body onLoad="hoge()">
    <div id="hoge1">
    <p class="next"><img src="image.jpg" alt="next" /></p>
    <p class="back"><img src="image.jpg" alt="back" /></p>
    </div>
    </body>
    </html>
  • id:xv1700
    ありがとうございます。
    解決しました。
    同じstyle.visibilityを使用したら動作しました。

    function Next() {
    var p = document.getElementById('next');
    p.style.visibility="hidden";;
    }

    お手数おかけいたしました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません