What JS objects can be added through appendChild()?

I am trying to extend the DOM. I "subclassed" f开发者_JAVA百科rom the Div element:

var Subclass = function() {}
Subclass.prototype = document.createElement('div');
Subclass.constructor = Subclass;

var obj = new Subclass();
var obj.innerHTML = 'test';
document.body.appendChild(obj); // Exception: Node cannot be inserted ... point in the hierarchy

So if an object's prototype being a DOM object won't do, what is the requirement for an object to be inserted into the DOM?

---

This actually works in Firefox.. Sort of, anyway. It won't actually create new elements when doing new Subclass, but keeps using the same.

In any case, I would say the DOM objects themselves are "special" in the way that only they can be appendChild'd.

---

According to W3C specification appendChild():

1. Returns Node.
2. Throws DOMException.
3. Requires one argument of type Node.

From specification:

Node appendChild(in Node newChild) raises(DOMException);

---

if you want to extend only div elements then may be you can do that by

HTMLDivElement.prototype.newFunction = function () { //'this' will get that div dom }

then it will extend only the div elements.. works on FF, don't know about other browsers.

hope this may help you.