javascript - 将 HTML 元素转换为 'Node' 类型

Question

我正在处理一个 HTML 项目。基本上将 HTML 节点保存到 JavaScript 的对象中，以将它们附加到元素中。这是我的 HTML、JavaScript 和错误。

HTML

...
    <div id="holder"></div>
...

JavaScript

var _handler = {};
var _holder = document.getElementById('holder');
var some_example = [{"id":"item_1"}, {"id":"item_2"}]

function create(tag, id) { /*Created a DOMObject */
    var elem = document.createElement(tag);
    _handler[id] = elem;
}
function spawn() {
   for (var k in _handler) {
       _holder.appendChild(_handler[k]); //<----- Here's the error occurring, given at very last.
   }
}
function main() { /* Main function */
    for (var x=0;x < some_example.length;x++) {
         create('div', some_example.id);
    }
    spawn();
}

对于那个复杂的小脚本感到抱歉。无论如何，所有的工作都很顺利，但是 appendChild 执行下面给出的 bobo:

错误

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

希望你们有任何想法。谢谢。

Answer 1

确保在 for 循环中使用 hasOwnProperty。

for (var k in _handler) {
   if (_handler.hasOwnProperty(k)) {
       _holder.appendChild(_handler[k]); 
   }
}