在图像src中添加另一个变量？

Question

<img src="blank.png" id="image" alt="just nothing"> 

<script type="text/javascript"> 
document.getElementById('image').src = '"'+ img +'"'; 
var img = new Image(); 
img.src = "https://pbs.twimg.com/profile_images/696014803844927488/8aLamHjS.jpg"; 
</script> 

这不起作用。我很困惑。

Answer 1

您正在访问的变量image声明之前，你的代码应该是这样的：

var img = new Image(); 
img.src = "https://pbs.twimg.com/profile_images/696014803844927488/8aLamHjS.jpg"; 

document.getElementById('image').src = img.src; 

看看这个fiddle

Answer 2

你的代码改成这样

var img = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"; 
 
document.getElementById('image').src = img ;

<img src="blank.png" id="image" alt="just nothing">

您可以直接申请在src

document.getElementById('image').src = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"; 
 

<img src="blank.png" id="image" alt="just nothing">