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

Question

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

Answer 1

Вы можете использовать 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');
}

Answer 2

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

document.getElementById('main_image_id').title = 'new title'
document.getElementById('main_image_id').alt = 'new alt'

Answer 3

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"); 
}​;

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