Javascript: как отображать текст, если изображение существует

Question

Я пытался создать код, подобный следующему:

Если вы показываете «us.gif» в div id «yourCountry», отобразите этот код CSS: --- #yourCountry img {display:none} --- Конец if

Я пытался сделать это и искал в Интернете, но у меня ничего не получилось.

Вот как я пытался добитьсяэто с javascript (я новичок с javascript):

<script language=javascript>
<!--
function usimage ()  {
if document.images["us.gif"]  {
document.write("
<style type="text/css">
<!--
body div div div div div div div div form div div div table td img{display:none;} 
-->
</style>
");}}
</script>

Answer 1

Что JS немного грязный, приемлем ли селектор CSS 2.1?

div#yourCountry img[src="us.gif"] { display:none; }

Answer 2

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

<script language=javascript>
function usimage ()  {
    for(var i = 0; i < document.images.length; ++i)
    {
        if(document.images[i].src.search("us.gif") >= 0)
        {
            document.write('<style type="text/css">'
                +'<!--'
                +'body div div div div div div div div form div div div table td img{display:none;} '
                +'-->'
                +'</style>'
            );
        }
    }
}
</script>

P / S: Вы плохо понимаете язык js. Ваш код неверен, так как вы не знаете языка.