Question

在下面给出的代码中，只要我们点击按钮，段落就会被删除。为什么呢？

<html>
<head>
    <script>
        function func_1()
        {
            document.getElementById("show").innerHTML = "Hello World";
        }
    </script>
</head>
<body>
    <h1>First</h1>
    <button onclick="func_1()">Click here </button>

    <p id="show"> Second</p>
</body>
</html>

Answer 1

innerHTML用您提供给它的内容替换所选div的内容。所以在你的情况下＆＃34;第二＆＃34;被删除＆＃34; Hello world＆＃34;已添加

Answer 2

这里没有发生

https://codepen.io/shivani137/pen/YLBoJZ

它按预期工作。你确定你没有任何额外的代码吗？

下面的代码工作正常

 document.getElementById("show").innerHTML = "Hello World";

Answer 3

您似乎希望附加文本“Hello World”，而不是替换原始文本。这个版本做到了。

<html>
<head>
    <script>
        function func_1()
        {
            document.getElementById("show").innerHTML += ". Hello World";
        }
    </script>
</head>
<body>
    <h1>First</h1>
    <button onclick="func_1()">Click here </button>

    <p id="show"> Second</p>
</body>
</html>

其中一段被函数的输出所取代

3 个答案: