Question

我的图像定义如下：

<div id="logo" class="exhibit-flowingFacet">
  <div class="wrapper">
    <img src="path/to/the/image/logo.png">
    </img>
  </div>
</div>

我希望用javascript通过src获取图像并隐藏它。

function hideImage() { 
  if (document.getElementById() 
  {
    if (document.getElementById('logo').getElementsByClassName('wrapper').src=="path/to/the/image/logo.png")
    {
      document.style.visibility = 'hidden';
    }  
  }
};

hideImage();

但代码不起作用!!任何想法？

Answer 1

使用jQuery，你可以写

$('img[src="path/to/the/image/logo.png"]').hide();

Answer 2

将使用此代码

确保您的标题中包含指向jquery库的链接

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果您不希望在屏幕上渲染，只需将图像源传递到函数

，就可以在css中显示：无;

function hideImage(imageSrc) { 
$('img[src=" + imageSrc + "]').css("display","none");

}

并使用

重新开启

$('img[src="path/to/the/image/logo.png"]').css("display","block");

Answer 3

你可以试试这个： -

$('img[src="path/to/the/image/logo.png"]').css("display","none");

或试试这个： -

    this.style.display = "none";

Answer 4

getElementsByClassName('wrapper')是一个数组，这就是为什么你必须访问第一个元素的src - 属性 - 至少在你的情况下。

if (document.getElementById('logo').getElementsByClassName('wrapper')[0].src=="path/to/the/image/logo.png")

Answer 5

试试这个脚本：

function hideImage() {
    var path = 'path/to/the/image/logo.png';
    var img = document.getElementById('logo').getElementsByTagName('img')[0];
    if (img && img.getAttribute('src').indexOf(path) > -1) {
        img.style.visibility = 'hidden';
    }
}

if (window.addEventListener) {
    window.addEventListener('load', hideImage, false);
} else if (window.attachEvent) { // for older IE8-6 compatibility
    window.attachEvent('onload', hideImage);
}

JSFiddle

使用src在javascript中隐藏图像

5 个答案: