"document.getElementById(div).style.display = none"无效

Question

当我点击一个按钮时,我试图隐藏三个div,但是我的js无效.

    function display() {
    document.getElementById("Contentable").style.display = none;
    document.getElementById("savebtn").style.display = none;
    document.getElementById("stylebar").style.display = none;
    }

当我单击按钮时,有一个未被捕获的引用错误,表示未定义"无".

Answer 1

您需要将"none"作为字符串传递.

function display() {
    document.getElementById("Contentable").style.display = 'none';
    document.getElementById("savebtn").style.display = 'none';
    document.getElementById("stylebar").style.display = 'none';
}

否则,它被解释为在这种情况下未定义的变量名.

Answer 2

none 应该在其中" "，您也可以使用 JQuery 来实现此目的。

function display() {
    $("#Contentable").hide();
    $("#savebtn").hide();
    $("#stylebar").hide();
   }