JavaScript:image.src或setAttribute() - 我将使用哪种方式更改图像?

时间:2016-10-11 07:07:38

标签: javascript html

JavaScript中至少有两种方法可以更改图像:

使用setAttribute()方法。

img.setAttribute('src', 'imgs/' + imgs[i] + '.png');

直接编写image-element的src.attribute。

img.src = 'imgs/' + imgs[i] + '.png'

两种方式都有效。我已经尝试过了。

可是:

我应该偏好一种方式而不是另一种方式?为什么? 或者它是否重要,我可以使用我个人喜欢的东西?

1 个答案:

答案 0 :(得分:3)

  

或者它是否重要,我可以使用我个人喜欢的东西?

在这种特殊情况下,src,它根本不重要。它取决于你。

请注意,读取值存在很大差异:如果您使用getAttribute("src")阅读,那么您将获得{{1}的实际值} attribute,可以是相对路径。如果您阅读src 属性,则它将是图像的已解析路径。例如,假设此标记位于src

http://example.com/path/page.html

然后

<img src="images/foo.png">

设置,你可以使用。