Converting HTML Element into 'Node' type

Question

I'm working on a HTML project. Basically saving HTML nodes to a JavaScript's Object to append them inside a element. Here's my HTML, JavaScript and the error.

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();
}

Sorry for that little complicated script. Anyways, all the work going great but, appendChild does the bobo given below:

Error

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

Hope, you guys have any idea. Thank You.

Possible duplicate of Why is using "for...in" with array iteration a bad idea? — NineBerry
– NineBerry, Commented Feb 24, 2017 at 18:46

Daniel A. White · Accepted Answer · 2017-02-24 18:42:26Z

3

Make sure you use hasOwnProperty in your for loop.

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

answered Feb 24, 2017 at 18:42

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Converting HTML Element into 'Node' type

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related