javascript - の可視性を変更する方法同じページで JavaScript を使用してタグ付けしますか?

Question

私は単純なJavaScriptコードに取り組んでいます。

条件に基づいて、タグの表示を非表示から表示に変更する必要があります。

JavaScript だけを使用する必要があります。jQuery や AJAX はありません。アイデアや提案をお願いします。

Answer 1

visibility属性の使用:

次のように div を表示しid="yourID"ます。

document.getElementById("yourID").style.visibility = "visible";

非表示にするには:

document.getElementById("main").style.visibility = "hidden";

display属性の使用:

見せる：

document.getElementById("yourID").style.display= "block";

隠れる：

document.getElementById("yourID").style.display= "none";

Answer 2

<div id="contentDiv">
    This is the content .
</div>

JavaScript を使用して id="contentDiv" で div の可視性を変更したい場合は、..

var eleDiv = document.getElementById("contentDiv");


    // based on condition you can change visibility
if(eleDiv.style.display == "block") {
        eleDiv.style.display = "none";
}
else {
    eleDiv .style.display = "block";
}

このコードがお役に立てば幸いです........

Answer 3

jquery を使用しないように求められましたが、次のように実行できます。$('.my_div_tag_id').css('visibility','hidden');

Answer 4

div を表示する場合は、この関数を呼び出します。その条件をセグメント/ケースに記述します。

function showDiv() {
    document.getElementById('divId').style.display = 'block';   //  or 'inline'
}

フィードバックをお寄せください。

Answer 5

見える：

var elem = document.getElementById("IdOfEl");
elem.style.display="block";

隠れる：

var elem = document.getElementById("IdOfEl");
elem.style.display="none";