如果下面的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">
... srcreflected 属性将是解析后的URL — 即转换成的绝对 URL。所以如果那是在页面上http://www.example.com，document.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');
如果图像上没有 id 但有父 div，这也是您可以使用的技术。
<div id="myDiv"><img src="http://www.example.com/image.png"></div>
var myVar = document.querySelectorAll('#myDiv img')[0].src
在这种情况下，您可以使用它的 id 获取元素getElementById，然后使用.src
var youtubeimgsrc = document.getElementById("youtubeimg").src;
var youtubeimgsrc = document.getElementById('youtubeimg').src;
document.write(youtubeimgsrc);