<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;
}
最佳答案
您必须将消息直接设置到 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>
关于更改段落文本的 Javascript 事件监听器单击按钮不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65012685/