解析設置圖像javascript

Question

我想設置一個div的圖像。此代碼不起作用：

var myUrl=profilePhotoFile.url() 
    var div=document.getElementById("vignette") 
    console.log(div) 
    div.style.content="url(profilePhotoFile.url()) no-repeat"; 

profilePhotoFile.url（）返回一個字符串，順便

Answer 1

你可能意味着

div.style.content="url("+profilePhotoFile.url()+") no-repeat"; 

不過，我不認爲不重複是用於內容，通常它是用於背景圖像

Answer 2

我想你正在嘗試將圖像設置爲背景。

如果是

//var myUrl=profilePhotoFile.url() 
//setting temp image URL 
var myUrl = "https://www.google.co.in/images/srpr/logo11w.png"; 
var div = document.getElementById("vignette"); 
div.style.backgroundImage="url("+myUrl+")"; 
div.style.backgroundRepeat="repeat-y"; 

的jsfiddle網址：http://jsfiddle.net/naveenkumarpg/o0c6LLo0/1/

如果喲要設置在側的小插曲容器圖像

//var myUrl=profilePhotoFile.url() 
//setting temp image URL 
var myUrl = "https://www.google.co.in/images/srpr/logo11w.png"; 
var div = document.getElementById("vignette"); 
div.innerHTML="<img src="+myUrl+">"; 

的jsfiddle：http://jsfiddle.net/naveenkumarpg/o0c6LLo0/2/