Изменить изображение alt с помощью Javascript onclick

У меня есть миниатюра, которая при нажатии изменяет большее изображение на странице. У меня эта часть кода работает, просто меняя.src с onclick. Есть ли способ изменить атрибуты alt и title С помощью onclick?

6
javascript onclick

3 ответов

можно использовать setAttribute или установите свойство напрямую. В любом случае работает,setAttribute является стандартным способом DOM для этого.

el.onclick = function() {
    var t = document.getElementById('blah');

    // first way
    t.src = 'blah.jpg';
    t.title = 'new title';
    t.alt = 'foo';

    // alternate way
    t.setAttribute('title', 'new title');
    t.setAttribute('alt', 'new alt');
    t.setAttribute('src', 'file.jpg');
}
7

точно так же..

document.getElementById('main_image_id').title = 'new title'
document.getElementById('main_image_id').alt = 'new alt'
4
img.onclick = function() {
  // old fashioned
  img.src = "sth.jpg";
  img.alt = "something";
  img.title = "some title";
  // or the W3C way
  img.setAttribute("src", "sth.jpg");
  img.setAttribute("alt", "something");
  img.setAttribute("title", "some title"); 
}​;

Примечание: независимо от того, какой из них вы используете, пока вы имеете дело со стандартными атрибутами.

3