javascript - document.createElement() 被忽略

Question

我已经构建了一个简单的程序来学习 Javascript 中的 OOP。它仅输出预定义的字符串语句。这里的问题是程序将文本节点直接绑定到“输出 div”，而忽略了前面将它们附加到相应“p”元素的命令。

Student.prototype.sayHello = function()
{
    var responseString = document.createTextNode("Hello, I've been waiting here for you. Student.");
    return document.createElement("p").appendChild(responseString);
}
Student.prototype.sayGoodBye = function()
{
    var responseString = document.createTextNode("tchau");
    return document.createElement("p").appendChild(responseString);
}

var student = new Student();
document.getElementById("output").appendChild(student.sayHello());
document.getElementById("output").appendChild(student.walk());
document.getElementById("output").appendChild(student.sayGoodBye());

Answer 1

您的问题是appendChild(child)返回child，但您似乎希望返回添加的p元素。

尝试做

var p = document.createElement("p");
p.appendChild(responseString);
return p;