Question

我需要使用JavaScript将html文档中的文本更改为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>

Answer 1

如果您打算使用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="http://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>

使用JavaScript将文本更改为img

1 个答案: