ie8 appendchild не работает

Question

Я разрабатываю веб-сайт, который должен работать на IE8.

Мне нужно создать кучу динамических абзацев, так как я вынимаю данные с сервера во время выполнения.

Для этого я использую следующий код:

var tempAbstract = layerItems[iter].abstract; // string 
var text1 = document.createElement('p');  // paragraph element 
text1.textContent = tempAbstract;    // assigning string to paragraph 
$(text1).css({top: iter*25 + 30, left: 200, position:'absolute'}); // positioning 
$(text1).css('color', 'black');        // make text color black 
document.getElementById("listLayersWrapper").appendChild(text1); // appending to div 

Моя проблема заключается в том, что текст не будет оказывать.

Когда я считаю абзац div s до и после того, как я добавляю элемент, счетчик увеличивается, как и следовало ожидать, пока текст не будет отображаться. Кроме того, когда я получаю звонок position().left и position.top(), элемент также имеет правильные координаты.

Я не уверен, что я делаю неправильно, и у меня закончились варианты.

Answer 1

Вопрос, как представляется, не с appendChild, но с textContent. Согласно the MDN page, textContent доступен только в IE9 и выше. У старых версий IE есть non-standard innerText property, которые вы можете использовать для достижения того же. Вот как вы можете это реализовать.

Пример:

var tempAbstract = layerItems[iter].abstract; 
var text1 = document.createElement('p'); 
if(text1.textContent !== undefined) 
{ 
    text1.textContent = tempAbstract; 
}else{ 
    text1.innerText = tempAbstract; 
} 
$(text1).css({top: iter*25 + 30, left: 200, position:'absolute'}); 
$(text1).css('color', 'black'); 
document.getElementById("listLayersWrapper").appendChild(text1); 

В качестве альтернативы, это может быть реализовано в JQuery.

Пример:

$('<p></p>') 
    .text(layerItems[iter].abstract) 
    .css({ 
     top: iter*25 + 30, 
     left: 200, 
     position:'absolute', 
     color: 'black' 
    }) 
    .appendTo("#listLayersWrapper");