javascript - 将对象附加到 HTML

Question

我有一个 HTML 和一个 JS 文件，我正在尝试将一个对象附加到 HTML。但是当单击按钮时，消息是“未定义：未定义”而不是“我：你好！”

非常感谢您的建议和帮助。

var button = document.querySelector("#send");
var messages = document.querySelector("#messages");
var message =  {
  name: "Me",
  message: "Hello"
}

function sendMessage (message) {
  messages.append(message.name + ":" + message.message);
}

button.addEventListener("click", sendMessage, false);

标签： javascript

Answer 1

您不需要在函数中传递消息参数，因为它是一个全局变量。改变你的功能如下：

function sendMessage() {
  messages.append(message.name + ":" + message.message);
}