gpt4 book ai didi

Javascript将图像放入跨度中

转载 作者:行者123 更新时间:2023-11-28 04:01:50 25 4
gpt4 key购买 nike

我的代码,应该在 <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是行内元素,image是 block 元素,可以设置span元素的显示为 block 状,也可以用div处理。

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

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com