javascript - 文本正在替换图像而不是显示在图像上

Question

我最近开始学习 html、css 和 Javascript，而且我每天都在理解越来越多的东西。无论如何，我体内有这个显示图像的类:

<div class="notepad" id="notepad">
    <img src="images/notepad.jpg" alt="Notepad"/>
    <p class="notepad">test</p>
</div>

而且我在 javascript 文件中也有这个函数:

function textonimage(){
        document.getElementById("notepad").innerHTML =
         '<p class="notepad">'+"texty blah blah"+'</p>';
    }

我的问题是我的图像被函数的文本替换，而不是显示在它上面。我尝试了很多事情但没有成功。我做错了什么？

感谢您的宝贵时间!

Answer 1

问题是您在“记事本”中覆盖了 HTML。将函数更改为:

function textonimage(){
    document.getElementById("notepad").innerHTML +=
     '<p class="notepad">'+"texty blah blah"+'</p>';
}