У меня ниже строка кода
var divElement= document.createElement( 'div' );
divElement.setAttribute( "id", "testId" );
element[ 0 ].append( divElement);
Где 'element' - это директива $ element from. Итак, element [0] - это объект div HTML. Приведенный выше код отлично работает в Chrome и Firefox, но в IE он дает «append» is undefined и говорит, что «Object не поддерживает свойство или метод« append ».



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


append метод из ParentNode миксин - относительно новое дополнение; Internet Explorer (на данный момент) довольно старый браузер.
В вашем случае, поскольку вы добавляете один элемент (не HTML или несколько узлов), вы можете вместо этого использовать appendChild (на Node интерфейс):
element[ 0 ].appendChild( divElement);
// ----------------^^^^^
Боковое примечание: чтобы установить id элемента, вы можете использовать отраженное свойство, а не setAttribute:
divElement.id = "testId";
Я могу порекомендовать вам использовать angular.element.append() вместо ParentNode.append. В противном случае вам может потребоваться использовать полифил для поддержки IE.
Вместо этого используйте
appendChild.