AppendChild не работает!, Наследующий от объекта DOM Element..Что я делаю неправильно здесь?

Question

Я пишу свои собственные элементы, которые имеют еще несколько методов, чем стандартный DOM элемент, вот один, который наследует от объекта Element

function MyObject(){ 

    return (Object.create(document.createElement("Mytag"),{ 
     myfunction:function(){ 
      return blahblah; 
     } 
    })); 

}//function for creating object ends 

function MyObject2(){ 

    return (Object.create(document.createElement("Mytag2"),{ 
     myfunction:function(){ 
      return blahblah; 
     } 
    })); 

}//function for creating second object ends 

var a=new MyObject();//statement works fine 
var b=new MyObject2();//statement works fine 

Теперь, когда я пытаюсь сделать один из этих объектов Дитя другой я получить любую вещь, чтобы работать, а исключение бросают

a.appendChild(b); 

Answer 1

поскольку вы используете return (Object.create(...));, ваши new MyObject(); и new MyObject2(); объекты возврата, а не элементы DOM, поэтому a.appendChild(b) не будет работать, так как a и b, как ожидается, будут элементами DOM.

Чтобы увидеть разницу, посмотрите на консоли в этом jsFiddle

Answer 2

Вам необходимо пройти дескрипторы свойств к Object.create, а не методы.

function MyObject() { 
    return Object.create(document.createElement("Mytag"), { 
     myfunction: { 
      value: function() { 
       return 'blahblah'; 
      } 
     } 
    }); 
} 

Это делает работу для меня в Chrome:

a = new MyObject(); 
> HTMLUnknownElement {spellcheck: true, isContentEditable: false, contentEditable: 
    "inherit", children: HTMLCollection[0], outerText: ""…} 
a.myfunction() 
> "blahblah" 

Однако обратите внимание, что имеет не правильно установить «тип» объекта MyObject. Это также предотвращает исключение исключения из-за того, что я пытаюсь добавить объект в DOM :(