'append' не определен для объекта HTMLDivElement в Internet Explorer

Question

У меня есть строка кода ниже

var divElement= document.createElement( 'div' );
divElement.setAttribute( "id", "testId" );
element[ 0 ].append( divElement);

Где 'element' - это $ element из директивы.Поэтому element [0] является HTML-объектом div.Вышеупомянутый код прекрасно работает в Chrome и Firefox, но в IE он дает «append» не определен и говорит «Object не поддерживает свойство или метод« append ».

Answer 1

Я могу порекомендовать вам использовать angular.element.append() вместо ParentNode.append.В противном случае вам может понадобиться polyfill для поддержки IE.

Answer 2

Метод append из ParentNode mixin является относительно новым дополнением;Internet Explorer (на данный момент) довольно старый браузер.

В вашем случае, поскольку вы добавляете один элемент (не HTML или несколько узлов), вы можете использовать appendChild (в интерфейсе Node ) вместо:

element[ 0 ].appendChild( divElement);
// ----------------^^^^^

---

Примечание: для установки элемента id вы можете использовать свойство отраженного, а не setAttribute:

divElement.id = "testId";