Javascript:获取<img> src并设置为变量?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (25)

如果下面的img存在

<img id="youtubeimg" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg"/>

和脚本是

<script>
var youtubeimgsrc = "something here"

document.write(''+youtubeimgsrc+'')
</script>

结果应该是 http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg

我能做些什么来获取图像源并将其设置为变量。

提问于
用户回答回答于

只要剧本img,则:

var youtubeimgsrc = document.getElementById("youtubeimg").src;

请参阅getElementByIdDOM规范。

如果脚本是之前img,那当然img还不存在,那是行不通的。这是很多人推荐将脚本放在body元素末尾的原因之一。

注意:你的情况并不重要,因为你已经使用了绝对URL,但是如果你在属性中使用了一个相对 URL,像这样:

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

... src反射的属性将成为已解析的 URL - 也就是所转换的绝对URL。所以,如果这是在网页上http://www.example.comdocument.getElementById("foo").src会给你"http://www.example.com/images/example.png"

如果你想要的src属性的内容按原样,没有得到解决,你会使用getAttribute,而不是:document.getElementById("foo").getAttribute("src")。这会给你"/images/example.png"我上面的例子。

如果你有一个绝对的URL,就像你问题中的那个一样,这没关系。

用户回答回答于

举个例子:

var youtubeimgsrc = document.getElementById("youtubeimg").getAttribute('src');

扫码关注云+社区