第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

將javascript元素背景圖像設(shè)置為等于下載網(wǎng)址

將javascript元素背景圖像設(shè)置為等于下載網(wǎng)址

動(dòng)漫人物 2023-10-10 18:07:50
我正在嘗試為 javascript 元素提供背景圖像。此網(wǎng)址存儲(chǔ)在數(shù)據(jù)庫(kù)中，不是字符串，而是文件路徑：https://firebasestorage.googleapis.com/v0/b/fir-firebase-182ca.appspot.com/o/images%2FScreenshot%20 (2 ).png?alt=media&token=0edf4c43-e791-48b1-b2f4-b8ec5e65e296我還制作了一個(gè) java 腳本元素，它是一個(gè) div，將其背景圖像設(shè)置為此鏈接：var icon = document.createElement('img');icon.style.cssText = "background-color: red;"//icon.src = "'" + url + "'";var parent = document.getElementById("loggedDisplay");parent.appendChild(icon);到目前為止我還無(wú)法讓它發(fā)揮作用。我怎樣才能讓這個(gè)背景圖片= url
查看完整描述

2 回答

?
慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊

嘗試這個(gè)，

document.getElementById("Your div ID").style.backgroundImage = "url('https://firebasestorage.googleapis.com/v0/b/fir-firebase-182ca.appspot.com/o/images%2FScreenshot%20(2).png?alt=media&token=0edf4c43-e791-48b1-b2f4-b8ec5e65e296')";



查看完整回答
反對(duì) 回復(fù) 2023-10-10
?
慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

您也可以直接使用樣式對(duì)象。但對(duì)于 css 背景，您需要將圖像 url 放在“url('')”中


function myFunction() {

  var imagePath = "https://firebasestorage.googleapis.com/v0/b/fir-firebase-182ca.appspot.com/o/images%2FScreenshot%20(2).png?alt=media&token=0edf4c43-e791-48b1-b2f4-b8ec5e65e296";


  var icon = document.createElement('img');


  icon.style.backgroundColor = "red";


  //icon.src =  imagePath ;


  icon.style.backgroundImage = "url('" + imagePath + "')";


  var parent = document.getElementById("loggedDisplay");

  parent.appendChild(icon);


}

#loggedDisplay img {

  display: block;

  width: 100%;

  height: 300px;

}

<!DOCTYPE html>

<html>


<body>


  <button onclick="myFunction()">Try it</button>

  <div id="loggedDisplay"></div>


</body>


</html>


查看完整回答
反對(duì) 回復(fù) 2023-10-10
  • 2 回答
  • 0 關(guān)注
  • 107 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)