JavaScript 要素を表示/非表示にするサンプル(displayとvisibility) | ITSakura

JavaScriptの要素を表示または非表示にするサンプルです。 cssのdisplayプロパティまたはvisibilityプロパティを使用します。 目次 displayで表示と非表示にするサンプル ボタン1を押すと文言が表示されます。再度押すと非表示になります。 表示/非表示でボタンの位置がずれます。非表示にした時、スペースがないことになっています。 テスト１ 上記サンプルのコードです。 <p id="p1">テスト１</p> <input type="button" value="ボタン1" onclick="clickBtn1()" /> <script> //初期表示は非表示 document.getElementById("p1").style.display ="none"; function clickBtn1(){ const p1 = document.getElemen

[mmc_HTNA]

“<p id="p2">テスト１</p> <input type="button" value="ボタン２" onclick="clickBtn2()" /> <script> //初期表示は非表示 document.getElementById("p2").style.visibility ="hidden"; function clickBtn2(){ const p2 = document.getElementById("p2"); if(p2.style.visibility=="visible"){ // hidde

[canna_koritan]

“onclick="clickBtn1()"”

[bigchu]

: display は枠ごとなんだ