Javascript 事件侦听器在单击按钮时更改段落文本不起作用？

Question

<p>当我单击按钮时，文本不会改变。

一条警告消息显示输出和文本变量是正确的。但仍然是 Inner Text<p>没有改变。

这是 HTML：

<input type="text" id="msg"><br>
<button onclick="Message()">Submit</button><br>
<h2>Last Message:</h2>
<p class="msg">Message</p>

这是JS：

function Message(){
    var text = document.getElementById("msg").value;
    var output = document.getElementsByClassName("msg")[0].innerHTML;
    
    output = text;
}

Answer 1

您必须将消息直接设置到innerHTMLDOM 节点的属性上。固定示例：

function Message() {
    var text = document.getElementById("msg").value;
    document.getElementsByClassName("msg")[0].innerHTML = text;
}

<input type="text" id="msg"><br>
<button onclick="Message()">Submit</button><br>
<h2>Last Message:</h2>
<p class="msg">Message</p>