使用javascript隐藏html元素

JavaScript：

function hide_article() {
    var htmlElement = document.getElementsByTagName("article")[0];
    htmlElement.setAttribute("visibility", "hidden");
    console.log("hiding");
};

HTML:

<div id="right-hand-side">
   <img src="resources/Logo.png" onmouseover="hide_article()" onclick="hide_article()"/>
</div>

该函数正在被调用，但文章并未被隐藏。知道为什么吗？干杯。

Yes - visibility是 CSS 规则名称，而不是 HTML 属性。

htmlElement.style.visibility = 'hidden';

但请记住，除非您有充分的理由使用visibility（有一些），您通常会通过以下方式隐藏元素display(= '无') 而不是通过visibility.

另外，您假设您的函数会找到一个元素。如果没有，您的代码将会出错。最好先检查一下：

function hide_article() {
    var htmlElements = document.getElementsByTagName("article");
    if (htmlElements.length) { //<-- check before continuing
        htmlElements[0].style.visibility = "hidden";
        console.log("hid element");
    }
};