Какие объекты JS можно добавить через appendChild()?

Question

Я пытаюсь расширить DOM. Я «подклассы» от Div элемента:

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 

Так что если прототип объекта является объектом DOM не будет делать то, что является требованием для объекта, который будет вставлен в DOM?

Answer 1

Это действительно работает в Firefox .. В любом случае. На самом деле он не будет создавать новые элементы при создании нового подкласса, но будет продолжать использовать то же самое.

В любом случае, я бы сказал, что объекты DOM являются «особыми» в том смысле, что только они могут быть appendChild'd.

Answer 2

Согласно спецификации W3C appendChild():

1. Возвращает Node.
2. Throws DOMException.
3. Требуется один аргумент типа Node.

От specification:

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

Answer 3

, если вы хотите расширить только Div элементы, то может быть, вы можете сделать это

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

тогда она будет распространяться только элементы DIV .. работы на FF, не знаете о других браузерах.

надеюсь, что это может вам помочь.