替换图标为img标签后仅显示标签而非图片的原因排查
问题原因及解决
- 核心原因是JS的内容插入方式:原项目里应该用了
textContent或innerText来把数组内容插入DOM,这两个API会把所有内容当作纯文本处理,哪怕是<img>这类HTML标签,也只会显示成字符串,不会解析渲染成图片元素。 - 次要可能:如果承载内容的容器是
<pre>、<code>这类默认保留纯文本格式的标签,也会导致HTML标签无法被渲染,但从项目逻辑来看,核心问题还是JS的插入方法。
解决办法:找到项目里负责把数组内容插入DOM的JS代码,将element.textContent = 你的内容替换成element.innerHTML = 你的内容即可(因为是你自己定义的图片标签,无需担心XSS风险)。
内容的提问来源于stack exchange,提问作者arun
相关产品推荐
相关产品推荐

