使用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>

正在调用此函数,但未隐藏文章。知道为什么吗?干杯。

米蒂亚

是-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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用javascript隐藏html元素

来自分类Dev

无法隐藏我使用 javascript 和 jquery 生成的 html 元素

来自分类Dev

使用JavaScript隐藏/显示元素

来自分类Dev

Javascript / jQuery不会隐藏HTML元素

来自分类Dev

使用JavaScript隐藏html div

来自分类Dev

使用 Jquery 或 Javascript 隐藏 HTML

来自分类Dev

使用Mechanize Python隐藏HTML元素

来自分类Dev

如何使用JavaScript隐藏多个元素

来自分类Dev

使用javascript显示/隐藏<section>元素

来自分类Dev

如何使用javascript隐藏上传文件元素?

来自分类Dev

如何使用JavaScript隐藏parent的parent元素?

来自分类Dev

使用javascript根据html中的下拉选择显示和隐藏div元素

来自分类Dev

如何通过使用javascript中的另一个类隐藏任何html元素?

来自分类Dev

除非存在 URL 参数,否则使用 Javascript 隐藏具有特定类的 HTML 元素

来自分类Dev

使用javascript隐藏和取消隐藏div元素

来自分类Dev

mPDF隐藏HTML元素

来自分类Dev

如何隐藏html元素?

来自分类Dev

通过Javascript隐藏具有特定样式的HTML元素

来自分类Dev

在javascript中按下键后隐藏html元素

来自分类Dev

JavaScript/HTML 隐藏的表单元素无法正确显示

来自分类Dev

JavaScript隐藏元素功能

来自分类Dev

Javascript显示/隐藏元素

来自分类Dev

使用javascript隐藏/显示html div

来自分类Dev

HTML <DIV>使用JavaScript隐藏/显示

来自分类Dev

使用JavaScript显示或隐藏HTML中的部分

来自分类Dev

使用javascript隐藏/显示html div

来自分类Dev

使用ng-view(Angularjs)时隐藏某些HTML元素

来自分类Dev

如何使用条件语句显示/隐藏车把中的html元素

来自分类Dev

如何在HTML中使用href隐藏和显示元素

Related 相关文章

热门标签

归档