Javascript Object 带有 DOM 的构造函数

Question

我最近开始学习Javascript。 我遇到了一个问题。 我想使用生成 DOM 元素的 Object 构造函数创建 Object。 然后我编写了一个 append 的方法，它使用父 DOM 元素的父 ID。 出了点问题，我一个人没能解决问题。 这就是为什么我请求你的帮助。 贝娄，你可以找到我写的代码：

var Model = function () {
   var mdl = document.createElement("div");
   this.append = function (parent) {
      document.getElementById(parent).appendChild(mdl);
   };

   return this.mdl;

}

// And then Object init 
var House = new Model();
House.append("map");

这是我到目前为止写的代码。 我不知道问题可能出在哪里。 我在控制台中收到的错误消息是：无法读取 null 的属性“appendChild”。

我等着你的回答。

提前致谢

Answer 1

您不应该从 class 返回任何内容，因为如果您返回 html 元素，它将不再是 ZA2F2ED4F8EBC2ABC1DC4 的 object 并且“附加”是默认的 function 这就是它不返回错误的原因。

 var Model = function () { this.mdl = document.createElement("div"); this.append = function (parent) { document.getElementById(parent).appendChild(this.mdl); }; } // And then Object init var house = new Model(); house.append("map");

 <div id="map"> </div>