如何在Javascript按钮上添加文本+图像

Question

我添加了一张图片，但现在我还要添加文字以及图片标题为“自适应”

<script>
function pic1()
    {
        document.getElementById("img").src = "../raining.gif";
        ducument.getElementById("text").innerHTML = "<h2> Responsive </h2>";
    }
function pic2()
    {
        document.getElementById("img").src ="../movingpiston.gif";
    } 
    </script>

<img src = "" id = "img"/> 
<input type="button" value="Responsive" onclick="pic1()"/> 
<input type="button" value="Reconfiguration" onclick="pic2()"/>

Answer 1

你输了＃du; ducument.getElementById＆＃34;并且你没有任何带有＆＃34; text＆＃34;的元素。作为身份。 将第5行更改为 document.getElementById("text").innerHTML = "<h2> Responsive </h2>"; 并在html部分的某处添加<div id="text"></div>之类的内容

Answer 2

在ducument.getElementById（“text”）中，id为“text”？ 你想为img添加一个标题，当它悬停在图像上时会显示它的标题。

文本不存在，如果要显示文本，则需要创建新元素。

        var img = document.getElementById("img");
        img.setAttribute("src","../raining.gif")
        var title = document.createElement("h2");
        title.innerHTML = "Responsive";
        img.parentNode.appendChild(title);