无法在[innerHTML]中显示图像是因为[innerHTML]属性只能解析文本内容,无法解析包含HTML标签的字符串。当我们将包含图像标签的字符串赋值给[innerHTML]属性时,浏览器会将其视为纯文本进行显示,而不会将其中的图像标签解析为实际的图像。
解决这个问题的方法有两种:
var img = document.createElement('img');
img.src = '图片的URL';
document.getElementById('container').appendChild(img);
<div id="container" style="background-image: url('图片的URL');"></div>
以上两种方法都可以实现在页面中显示图像,具体选择哪种方法取决于具体的需求和场景。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云