According to docs https://developer.mozilla.org/en-US/docs/DOM/Node.appendChild , appendChild adds a node to the end of the

Question

0

Asked: June 18, 20262026-06-18T03:29:53+00:00 2026-06-18T03:29:53+00:00

According to docs https://developer.mozilla.org/en-US/docs/DOM/Node.appendChild , appendChild adds a node to the end of the

0

According to docs https://developer.mozilla.org/en-US/docs/DOM/Node.appendChild, appendChild adds a node to the end of the list of children of a specified parent node.

However, my example shows it adds the child to the top of the list of children.

How is that? Any idea why it happens against the docs?

According to docs, these code should add a new div element to the end of targetArea node, instead, it adds to the top of the node.

var targetArea = document.getElementById('nav');
var div = document.createElement('div');
var snippet = document.createTextNode('this is a new DIV');
div.appendChild(snippet);
targetArea.appendChild(div);

My code online:
http://jsfiddle.net/dennisboys/BRtYb/6/