<script type="text/javascript"> function demoShow() { document.getElementsByName('p2').style."> <script type="text/javascript"> function demoShow() { document.getElementsByName('p2').style."> <script type="text/javascript"> function demoShow() { document.getElementsByName('p2').style." />

HTML内の別のボタンをクリックしてボタンを非表示にする

HTMLの別のボタンをクリックしてボタンを非表示にするにはどうすればよいですか

私は以下のように書いたが、うまくいかない。

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />
5

10 答え

これを書く

隠れる

{document.getElementById("p2").style.display="none";}

表示する

{document.getElementById("p2").style.display="block";}
8
追加された

表示:

document.getElementsById("test").style.visibility="visible";

不可視の場合:

document.getElementsById("test").style.visibility="hidden";
2
追加された

これを試して

function demoShow() {   
document.getElementById("but1").style.display="none";

}



<input type="button" value="click me" onclick="demoShow()" id="but" />

<input type="button" value="hide" id="but1" />
1
追加された
その意味でのスペースを占有したい場合は、「visibility:hidden」を適用し、そうでなければ「display:none;」を適用します。
追加された 著者 Mr.T.K,
私はちょうど約あなたが2つの笑の違いを説明することを示唆していた
追加された 著者 JCOC611,

同じことをするには、要素の id を使用します。

document.getElementById(id).style.visibility = 'hidden';
1
追加された

  1. getElementById はスタイルを指定できる単一のオブジェクトを返します。

  2. getElementsByTagName は、スタイルを直接適用できない複数のオブジェクト(オブジェクトとプロパティの配列)を返します。

1
追加された

これを試して

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{p2.style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

http://jsbin.com/gurolawu/1/

0
追加された

IDで要素を取得するには、次のようにします。

document.getElementById("p2")

の代わりに:

document.getElementsByName("p2")

したがって、最終製品は次のようになります。

document.getElementsById("p2").style.visibility = "hidden";
0
追加された

このコードを使用します:

<input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{document.getElementById("p2").style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />
0
追加された

jQueryを使う!

var demoShow = function(){
    $("#p2").hide();
}

しかし、私はあなたがアクションを起こしたいあなたのボタンにIDを与えることをお勧めします。 例えば:

<input type="button" id="p1" value="edit" />
<input type="button" id="p2" value="submit" name="submit" />

<script type="text/javascript"> 
$("#p1").click(function(){
    $("#p2").hide();
});
</script>

To show it again you can simply write: $("#p2").show();

0
追加された
$( "#btn1" ).click(function() {
 $('#btn2').css('display','none');
});
0
追加された
この回答には、コードブロック以上のものが必要です。 1つは、別のサードパーティのライブラリ、jQueryに依存します。より良い答えは、コードが何をし、なぜ特定のアプローチが選ばれたのかを説明します。
追加された 著者 Stephen Ostermiller,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript