使用JavaScript将文本更改为img

Change text to img using JavaScript

本文关键字：img 文本 JavaScript 使用      更新时间：2023-09-26

我需要在html加载时使用JavaScript将html文档中的文本更改为小图像。

我刚开始使用JavaScript，所以请耐心等待。以下是我尝试过的代码：

    <body onload="stickers()">
    <span id="bonusIMG">Bonus</span>
    <script>
    function stickers() {
    document.getElementById('bonusIMG').innerHTML = <img src="http://foe.maniacal-loonies.eu/wp-content/uploads/2015/03/bonus25sq.png" alt="Bonus Added" width="25" height="25" />;
    </script>

如果要使用innerHTML并用大括号关闭函数，则需要将其设为字符串：

<body onload="stickers()">
<span id="bonusIMG">Bonus</span>
<script>
function stickers() {
    document.getElementById('bonusIMG').innerHTML = '<img src="http://foe.maniacal-loonies.eu/wp-content/uploads/2015/03/bonus25sq.png" alt="Bonus Added" width="25" height="25" />';
}
</script>
<!--More code here-->
</body>

此示例将在加载正文时更改文本（使用不同的图像）：

function stickers() {
    document.getElementById('bonusIMG').innerHTML = '<img src="https://i.stack.imgur.com/yg5Hw.jpg?s=32&g=1" alt="Bonus Added" width="25" height="25" />';
}
<body onload="stickers()">
<span id="bonusIMG">Bonus</span>
<!--More code here-->
</body>

相关文章：