Question

我有一个缩略图，点击后会在页面上更改一个更大的图像。我只需使用onclick更改.src即可完成部分代码。是否还有一种方法可以使用onclick更改alt和title属性？

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

注意：只要您处理标准属性，无论您使用哪一个。

使用Javascript onclick更改图像alt

3 个答案: