javascript - 分配给图像 src 时尝试分配给只读属性错误

Question

profilePicDiv.innerHTML = "<img src='"+trainer.profile_pic_url+"'   class='img-responsive img-rounded img-raised'>"

我正在尝试将图像的 src 设置为从我的 firebase 数据库返回的 url，此方法已在我网站上的其他页面上运行，但不适用于此页面，我发现使用严格的 javascript 意味着您无法设置属性对于某些元素，但我没有在 js 文件中的任何地方使用“use strict”。

谁能告诉我如何解决这个问题以及为什么会出现这个错误？谢谢。

Answer 1

尝试创建 img 元素，然后将其作为子元素附加到 profilePicDiv:

var profilePicImg = document.createElement('img');
profilePicImg.src = trainer.profile_pic_url
profilePicImg.className = 'img-responsive img-rounded img-raised';
profilePicDiv.appendChild(profilePicImg);