javascript - document.createElement() 被忽略

标签 javascript oop dom appendchild

我构建了一个简单的程序来学习 Javascript 中的 OOP。它仅输出预定义的字符串语句。这里的问题是,程序将文本节点直接绑定(bind)到“输出 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());

最佳答案

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

尝试做

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

关于javascript - document.createElement() 被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17903209/

相关文章:

javascript - 这个 JavaScript RegExp 是如何工作的?

javascript - if ("test") 和 if(! !"test") 有什么区别

r - 无法让 partykit 包的 mob 函数进行单变量 MLE 拟合

javascript - 是否应允许 "script"标签自行删除?

javascript - 返回显示为文本的范围中的最小和最大数字

javascript - 获取列表项的名称,单击 jquery 中的自动完成功能

c++ - 用 C++ 编写一个简单的面向对象图

php - 外部服务/API请求和响应的抽象

javascript - 无法使用 Javascript 更改 <button >'s "type"

javascript - 带有节点 appendChild() html 的动画