скрыть изображение в JavaScript, используя его SRC

У меня есть изображение, определенный следующим образом:скрыть изображение в JavaScript, используя его SRC

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

Я хочу с JavaScript получить изображение его ЦСИ и скрыть его.

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

hideImage();

Но код не работал! Есть идеи?

источник

2013-09-11 Anonymous

можно добавить идентификатор в атрибут IMG. а затем с помощью jquery вы можете использовать: $ ("# id"). hide(); –

Проблема заключается в том, что я не могу редактировать определение документа. –

Попробуйте этот сценарий:

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

источник

2013-09-11 15:26:57 Stano

thx Я пробовал работать в течение нескольких секунд, а затем появляется скрипт java: img не определено. Изображение PS.the не определено непосредственно под девизом с логотипом. Мы должны пройти мимо div с оболочкой className? –

Прошу прощения, я не знаю, почему это не работает. Можете ли вы попробовать следующую модификацию? http://jsfiddle.net/ZC4yA/4/ (метод [querySelector] (http://caniuse.com/queryselector) работает с IE8, он все еще немного совместим с [getElementsByClassName] (http: // caniuse. com/getelementsbyclassname)) или это http://jsfiddle.net/ZC4yA/3/ (если вы хотите также совместимость с IE7) – Stano

Thx много Я использовал ваш код для создания своего точного случая http://jsfiddle.net/amani1988/ QCwVg/4/и он работает :), но один экземпляр кода в моем файле javascript определяется он больше не работает! Я думаю, что для этого требуется внешний источник javascript, который нужно добавить. Есть ли у вас идея? –

С JQuery вы могли бы написать

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

источник

2013-09-11 15:02:27 jukempff

Уилл должны убедиться, что у вас есть ссылка на библиотеку Jquery в вашем заголовке, используя этот код

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

Вы могли Diplay: никто в CSS, если вы хотели, чтобы это не отображалось на экране, просто передайте источник изображения в функцию

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

}

и t урну его обратно с помощью

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

источник

2013-09-11 15:04:53

Спасибо. проблема решена :) –

Вы можете попробовать это: -

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

или попробовать это: -

this.style.display = "none";

источник

2013-09-11 15:05:42

getElementsByClassName('wrapper') является массивом, поэтому вы должны получить доступ к src-атрибут первого элемента - по крайней мере, в вашем случае.

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

источник

2013-09-11 15:06:30 urzeit

Thaaank you :) ... –

скрыть изображение в JavaScript, используя его SRC

ответ

Смежные вопросы