Как изменить изображение, когда гиперссылка, которая нажата в JavaScript?

0

Это будет работать при загрузке страницы

<TD width=115 >
    <a href="#" onclick="some functions"> Expand All</a>
</TD>

<TD align=left>
    <a href="#"><IMG id="img1" border=0 alt="" src="expand.png">12345 </a>
</TD>

По умолчанию изображение expand.png будет отображаться с 12345.. Мой вопрос: если я нажму развернуть все ссылки, мне нужно изменить изображение "expand.png" на "collapse.png".. Возможно ли это в javascript?

  • 1
    <B HREF?> - Думаю, вы запутались в своих тегах ...
  • 3
    "Это возможно в JavaScript?" , Конечно, это является; что ты пробовал?
Показать ещё 2 комментария
Теги:

4 ответа

2
Лучший ответ

Я думаю, что это решит вашу проблему.

 <a href="#" onclick="document.getElementById('img1').src='collapse.png'">Expand All</a>
 <a href="#"><IMG id="img1" border=0 alt="" src="expand.png">12345</a>

JSfiddle: http://jsfiddle.net/zJ85X/

Поделиться
4

Нужно ли быть чистым JS?

Jquery:

$('#button').click(function(){
     $('#withImage').attr('src', 'collapse.png');
});

Вы должны были бы дать TD классу или идентификатору

чистый JS:

document.getElementById('button').onClick(runFunction());

function runFunction(){
   document.getElementById('withImage').src = 'collapse.png';
}

Первая строка кода сообщает сценарию, что когда тег с идентификатором "кнопка" (

В функции вы говорите скрипту, что тег с идентификатором "withImage" должен изменить свой атрибут "src" как "collapse.png".

Поделиться
  • 0
    он говорит в JavaScript, а не в JQuery
  • 0
    Могу ли я использовать идентификатор изображения img1, который я упомянул в своем коде вместо тд?
Показать ещё 7 комментариев
0

Вы можете использовать это:

<TD width=115 >
     <a href="#" onclick="expand()"> Expand All</a>
</TD>
<TD align=left>
     <a href="#"><IMG id="img1" border=0 alt="" src="expand.png">12345 </a>
</TD>
<script>
     function expand(){
          $('#img1').attr('src','collapse.png');
     }
</script>
Поделиться
0

Просто добавьте ниже код в функцию Expand All, если его JQuery

$('#img1').attr('src', 'collapse.png');
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню