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

Question

<p>当我点击按钮时文本没有改变。

一条警告消息显示输出和文本变量是正确的。但仍然是<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

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

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>