亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將字符串轉換為 img src

將字符串轉換為 img src

翻閱古今 2022-09-16 21:26:29
<label id="lbl"></label>我正在嘗試根據包含URL字符串的變量“a”顯示此圖像。有人可以幫助我完成缺少的步驟嗎?var a = "https://encrypted.google.com/images/logos/ssl_logo.png";document.getElementById("lbl").innerHTML =  '<img src=a >';
查看完整描述

4 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

你有,它將把屬性設置為文字值。相反,您希望將變量的值添加到 HTML 中。幸運的是,現在的字符串模板使這變得容易:.innerHTML = '<img src=a >';srcaa

document.getElementById("lbl").innerHTML = `<img src="${a}" />`;

在“反引號”字符中,表達式中出現的任何內容都會被計算并注入到字符串中。請注意,我還用引號將你的屬性值括起來;盡管HTML解析器是寬容的,但省略這可能會導致問題。${...}src


查看完整回答
反對 回復 2022-09-16
?
長風秋雁

TA貢獻1757條經驗 獲得超7個贊

您需要創建一個元素,其值為 和 和:imgsrcaappendlabel


var a = "https://encrypted.google.com/images/logos/ssl_logo.png";

let img = document.createElement("img");

img.src = a;

document.getElementById("lbl").appendChild(img);

<label id="lbl"></label>


但是,您可以使用模板文本來修復代碼:


var a = "https://encrypted.google.com/images/logos/ssl_logo.png";

document.getElementById("lbl").innerHTML =  `<img src=${a}>`;

<label id="lbl"></label>


查看完整回答
反對 回復 2022-09-16
?
慕田峪4524236

TA貢獻1875條經驗 獲得超5個贊

您只需連接字符串即可。

document.getElementById("lbl").innerHTML =  '<img src="' + a +'" \>';


查看完整回答
反對 回復 2022-09-16
?
弒天下

TA貢獻1818條經驗 獲得超8個贊

您應該插值字符串。 而不是“”;<img src=${a} >



查看完整回答
反對 回復 2022-09-16
  • 4 回答
  • 0 關注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號