原生js顯示和隱藏

一、display默認屬性值的選擇

顯示的元素設置的值分情況

（如果選擇屬性值錯誤，會影響已經寫好的樣式）

塊元素的默認值是display:block
內聯元素的默認值是display:inline
表格table元素的默認值是display:table
表格單元格td元素的默認值是display:table-cell
表格行tr元素的默認值是display:table-cow

隱藏的元素設置的值

display:none

二、代碼演示

塊級元素

function showContainer2() {
    var container1 = document.getElementById('container1');
    var container2 = document.getElementById('container2');
    container1.style.display = "none";
    container2.style.display = "block";
}

 

行內元素

function hiddenDiv4(divID) {
    if (divID != null && divID != "") {
        var fugai4Hidden = document.getElementById(divID);
        if (fugai4Hidden.style.display == "none") {
            fugai4Hidden.style.display = "inline";
        }
    }
}