无法通过Javascript查看DOM节点的样式可见性

Question

我需要在Javascript中添加一些逻辑，以使捕获事件的节点的父节点消失。 具体来说，父节点是PDF链接，如果子节点无法加载，则其及其子节点（bmp图像）都必须不可见。 这是我概述为事件侦听器功能的内容：

window.addEventListener('error', function(event) {
    console.log(event);
    if (event.target.id == "sheetBmp"){
        console.log("sheet bmp failed to load");
        //make the pdf disappear also
        e.target.parentNode.style.visibility=false;
        console.log("pdf nodeshould disappear");
    }
}, true);

这是样式：

    <a id=sheetPdf target='_blank'>
        <img id="sheetBmp" onLoad="this.style.visibility='visible'" onError="this.style.visibility='hidden'">
        </img>
    </a>

请注意，我是通过调试器在e.target.parentNode.style.visibility=false;之后运行的e.target.parentNode.style.visibility=false; 行运行时，属性保持不变（双引号），并且节点的可见性在网页上仍然可见。 非常感谢任何帮助

Answer 1

您正在为属性设置一个无效值（ false ），因此浏览器将其丢弃。

可见性属性的可接受值包括"visible"和"hidden" 。