如何使用javascript在html中显示一个div并隐藏所有其他内容_Javascript_Html

如何使用javascript在html中显示一个div并隐藏所有其他内容

javascript html

如何使用javascript在html中显示一个div并隐藏所有其他内容,javascript,html,Javascript,Html,我想只显示HTML中的一个图像，并使用javascript隐藏其他所有内容 HTML的结构： <body> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div>

我想只显示HTML中的一个图像，并使用javascript隐藏其他所有内容

HTML的结构：

<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div>
        <div></div>
        <div>
            <img id="nameOfImg">
        </div>
        <div/>
    </div>
    <div></div>
</body>

但是它什么也不显示。

您可以试试这个。它将遍历所有

div

，并检查

div

是否包含您的图像，如果不包含，则将其隐藏

var els=document.querySelectorAll（'div'）；
var img=document.getElementById（“nameOfImg”）；
对于（els的变量el）{
如果（！el.contains（img））el.style.display=“无”；
}

1
2.
3.
4.
5.
6.
7

由于主体（父对象）本身是隐藏的，因此使div（子对象）可见不会产生任何影响。因为实际的隐藏处理的是主体，而不是div，所以也可以使用几行CSS来完成。

function showImage(idName) {
    document.body.style.display = 'none';
    document.getElementById(idName).parentElement.style.display ='block'
    }