如何更改javascript中的img.src值

我在JavaScript中創建了一個HTML頁面，只是一個div和一個圖像標記。對我來說，棘手的部分是我試圖在if語句的幫助下生成/填充img.src值。如何更改javascript中的img.src值

代碼就像這樣。

var propertyname; 
 
var content = document.createElement('div'); 
 
var img = document.createElement('img'); 
 
if (propertyname == 'house') { 
 
    img.src = 'house.jpg'; 
 
} 
 
content.appendChild(img);

我怎樣才能使此代碼更好。現在，當我檢入Chrome的開發人員工具img.src爲undefined時，圖像未被插入。

在此先感謝。

來源

2017-07-27 k r harsha

是上面的代碼'propertyname'不mention.is'！= house' – prasanth

好，'propertyname'不是' 「房子」'你能指望它做什麼？ – Luca

propertyname name is null so src not set – JYoThI

var propertyname; 
 
var url= 'url'; 
 
var content = document.createElement('div'); 
 
var $img = $('<img id='img12'>'); 
 
if (propertyname == 'house') { 
 
    $img.attr('src', url).css({ 'height': height, 'width': width }); 
 
      
 
} 
 
content.appendChild($img);

來源

2017-07-27 10:33:18

參見：Documentation

嘗試

var propertyname; 
 
var content = document.createElement('div'); 
 
var img = document.createElement('img'); 
 
if (propertyname == 'house') { 
 
    img.setAttribute('src', 'house.jpg'); 
 
} 
 
content.appendChild(img);

來源

2017-07-27 10:10:24 schaffioverflow

嘗試這樣

var x = document.createElement("IMG"); 
x.setAttribute("src",'house.jpg');

來源

2017-07-27 10:10:40

定的代碼，如果工作對我罰款3210

檢查下面的例子： -

var propertyname = "house"; 
 
var content = document.createElement('div'); 
 
var img = document.createElement('img'); 
 
if (propertyname == 'house') { 
 
    img.src = 'https://s-media-cache-ak0.pinimg.com/236x/bb/ce/4f/bbce4fcc3d8560b612e766704aba4dd2--tudor-cottage-tudor-house.jpg'; 
 
} 
 
content.appendChild(img); 
 

 
document.getElementsByTagName('body')[0].appendChild(content);

來源

2017-07-27 10:13:11

它的正常工作，當你propertyname變量的值。

var propertyname = 'house'; 
 

 
var content = document.createElement('div'); 
 
var img = document.createElement('img'); 
 

 
if (propertyname == 'house') { 
 
    img.src = 'https://placehold.it/300x100'; 
 
} 
 

 
content.appendChild(img); 
 
document.getElementsByTagName('body')[0].appendChild(content);

來源

2017-07-27 10:14:17 hallleron

試試這個。這是工作： -

var propertyname='house'; 
 
var content = document.createElement('div'); 
 
var img = document.createElement('img'); 
 
img.src="http://i1.wp.com/sourabhsomani.com/wp-content/uploads/2016/07/cropped-10407476_754773647911718_359758615924605603_n-1.jpg?fit=240%2C240" 
 
if (propertyname == 'house') { 
 
    img.src = 'https://pbs.twimg.com/profile_images/718784555281309696/KRYC9gLU_400x400.jpg'; 
 
} 
 
content.appendChild(img); 
 
document.getElementById("myDiv").appendChild(content);

<div id="myDiv"> 
 
</div>

來源

2017-07-27 10:14:28

var propertyname = "house"; 
var content = document.createElement('div'); 
var img = document.createElement('img'); 
if (propertyname == 'house') { 
    img.src = 'house.jpg'; 
} 
content.appendChild(img); 

document.getElementById("demo").appendChild(content); 
<div id="demo"></div>

來源

2017-07-27 10:16:43 karthik

請參考這個網址。它會幫助你關於改變IMG SRC你想要的。

document.getElementsByClassName('profile')[0].src = value

click here more information

來源

2017-07-27 12:01:34

如何更改javascript中的img.src值

回答

相關問題