首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Javascript :获取<img>源并设置为变量?

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

Stack Overflow用户
提问于 2011-10-25 05:43:58
回答 5查看 288.5K关注 0票数 44

如果下面的img存在

代码语言:javascript
复制
<img id="youtubeimg" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg"/>

脚本是

代码语言:javascript
复制
<script>
var youtubeimgsrc = "something here"

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

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

如何获取图像源并将其设置为变量。

EN

回答 5

Stack Overflow用户

发布于 2011-10-25 05:46:01

举个例子,怎么样:

代码语言:javascript
复制
var youtubeimgsrc = document.getElementById("youtubeimg").getAttribute('src');
票数 9
EN

Stack Overflow用户

发布于 2015-01-30 11:58:05

如果您在图像上没有id,但有一个父div,这也是一种可以使用的技术。

代码语言:javascript
复制
<div id="myDiv"><img src="http://www.example.com/image.png"></div>

var myVar = document.querySelectorAll('#myDiv img')[0].src
票数 9
EN

Stack Overflow用户

发布于 2011-10-25 05:46:13

在这种情况下,您可以使用getElementById根据元素的id获取元素,然后使用.src

代码语言:javascript
复制
var youtubeimgsrc = document.getElementById("youtubeimg").src;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7882356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档