javascriptでの質問です。

Question

xv1700

36

33もっと見る

60pt

コンピュータウェブ制作

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回まで

登録：2010/05/08 18:39:12
終了：2010/05/08 19:25:19

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ホーエンハイム 2010/05/08 19:40:42

解決したのでしょうか？

参考までに以下にサンプルを掲げます。
画像（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>
xv1700 2010/05/08 19:51:40

ありがとうございます。
解決しました。
同じstyle.visibilityを使用したら動作しました。

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

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

Committeeman · Accepted Answer · 2010-05-08T18:54:36+09:00

<p id="next" class="next">

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

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

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

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

javascriptでの質問です。

ベストアンサー

Committeeman153192010/05/08 18:54:36

コメント（2件)

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