В Firefox`е не работает innerHTML ?

21.10.2008

Панацея здесь.

Для любимого нами огненного лиса (Firefox) средствами JavaScript HTML код необходимо вставлять следующим образом:

     // Блок куда необходимо вставить html контент
    var our_div = document.getElementById('our_div_name');

     // Непосредственно наш контент
    var our_text = 'our html code ...';

     // Получим userAgent браузера
    var ua = navigator.userAgent.toLowerCase();

    if (ua.indexOf("gecko") != -1) {
        // Если браузер Mozilla, или Firefox, или Netscape
        var range = div_preview.ownerDocument.createRange();
        range.selectNodeContents(our_div);

        // Очистим внутренности нашего блока
        range.deleteContents();
        var fragment = range.createContextualFragment(our_text); //<-- dies here

        // Теперь наполним необходимым контентом
        our_div.appendChild(fragment);
    }  else  {
        // Для остальных браузеров
        our_div.innerHTML = our_text;
    }
Tags: , , , ,
Share  
Автор: Mihalytch Рубрики: JavaScript
Комментарии (6) »

Комментарии (6) на запись “В Firefox`е не работает innerHTML ?”

  1. smk пишет:
    06.05.2009 в 00:50

    Вы что стебетесь?)
    Все прекрасно работает)

    [Ответить]

  2. Mihalytch пишет:
    06.05.2009 в 10:06

    А вы не смотрели когда был пост написан?
    Сейчас конечно работает, а вот тогда не работало.

    [Ответить]

  3. Павел пишет:
    18.09.2009 в 10:31

    Да, давненько это было. Но всё же я предпочитаю JS фреймворки (prototype, jquery)

    [Ответить]

  4. Mihalytch пишет:
    21.09.2009 в 11:17

    Несомненно фреймворки это хорошо, но ИМХО подключать фреймворк для того чтобы использовать его в одной/дву мелких ф-ях не целесообразно. Также как и чрезмерное использование всякого рода примочек из jquery (об остальных говорить ничего не буду, но думаю что ситуация будет аналогична) ведет к потреблению непозволительно большого количества ресурсов на клиентской машине...

    [Ответить]

  5. Dan пишет:
    11.12.2009 в 15:52

    А у меня не работает innerHTML в FF
    Так что вопрос где вы видили рабочий вариант??

    [Ответить]

  6. Олег пишет:
    27.03.2010 в 21:29

    > Вы что стебетесь?)
    > Все прекрасно работает)

    Это Вы стебетесь. У меня FF 3.6.2 - в ней innerHtml НЕ РАБОТАЕТ. "Любимый" огнелис вообще считает, что нет такого свойства.

    Так что статья актуальна до сих пор.

    [Ответить]

Оставить комментарий