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>
正在调用此函数,但未隐藏文章。知道为什么吗?干杯。
是-visibility
是CSS规则名称,不是HTML属性。
htmlElement.style.visibility = 'hidden';
不过请记住,除非有充分的理由使用visibility
(并且有一些理由),否则通常会通过display
(='none')而不是via来隐藏元素visibility
。
另外,假设您的函数将找到一个元素。如果不是这样,您的代码将出错。最好先检查一下:
function hide_article() {
var htmlElements = document.getElementsByTagName("article");
if (htmlElements.length) { //<-- check before continuing
htmlElements[0].style.visibility = "hidden";
console.log("hid element");
}
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句