javascript - Javascript将图像放入跨度

我的代码应该在<span>中放置一个图像，它是这样的：

document.getElementById("f_name_mark").innerText = "<img src='images/icons/tick.png' class='mark'>";

但是，输出是<img src='images/icons/tick.png' class='mark'>文本字符串。
是不是你不能将图像放入<span>？

最佳答案

使用InnerHTML而不是innerText
Innerhtml and Innertext properties
不过，与InnerText不同，InnerHtml允许您使用HTML富文本，并且不会自动对文本进行编码和解码。换句话说，InnerText检索并设置标记的内容为纯文本，而InnerHtml检索并设置相同的内容，但格式为HTML
Span是inline元素，image是block元素，您可以将Span元素的显示设置为block或使用div来处理它。

document.getElementById("f_name_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";

关于javascript - Javascript将图像放入跨度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6915779/