Row.cells [0] .firstChild возвращает разные значения в IE и FF.

Question

Row.cells [0] .firstChild возвращает разные значения в IE и FF.

0

У меня есть функция javascript (function toggleTree (theRow)), где строка передается этой функции из ячейки в таблице onclick.

<tr class="rowWhite"><td style="text-align:center"><img class="expand" alt="" src="images/plus.jpg"onclick="toggleTree(this.parentNode.parentNode);" />

Функция Toggle tree приведена ниже.

    function toggleTree(theRow)
{
var imgEl = theRow.cells[0].firstChild;
if (theRow.cells[0].firstChild.className == "expand")
{
theRow.cells[0].firstChild.className="collapse";
theRow.cells[0].firstChild.src="images/minus.jpg";
alert(theRow.cells[0].firstChild.className);
alert(theRow.cells[0].firstChild.src);
return "expand";
}
else
{
theRow.cells[0].firstChild.className="expand";
theRow.cells[0].firstChild.src="images/plus.jpg";
alert(theRow.cells[0].firstChild.className);
alert(theRow.cells[0].firstChild.src);
return "collapse";
}
}

Значения theRow.cells [0].firstChild.className и theRow.cells [0].firstChild.src отличаются в IE и Firefox, из-за чего функция не работает в FF, но работает в IE. Как получить значения в jsfunction из любого браузера?

DJR 02 окт. 2013, в 23:26

Источник

2

У вас должен быть пробел, который вы не показываете. также кэшировать ваши объекты и ставить пробел после конца "в src
mplungjan 02 окт. 2013, в 20:54
0

Определить «другое»? Какие значения возвращаются в каждом?
James Montagne 02 окт. 2013, в 20:54
0

возможный дубликат element.firstChild возвращает «<TextNode ...» вместо объекта в FF
mplungjan 02 окт. 2013, в 20:55
0

Вы хотите .children[0] вместо .firstChild потому что некоторые браузеры возвращают пробел в качестве текстового узла firstChild.
rescuecreative 02 окт. 2013, в 21:01

Показать ещё 2 комментария

Теги:

javascript

jquery

internet-explorer

firefox

cross-browser

1 ответ

Ещё вопросы

У вас должен быть пробел, который вы не показываете. также кэшировать ваши объекты и ставить пробел после конца "в src
Определить «другое»? Какие значения возвращаются в каждом?
возможный дубликат element.firstChild возвращает «<TextNode ...» вместо объекта в FF
Вы хотите .children[0] вместо .firstChild потому что некоторые браузеры возвращают пробел в качестве текстового узла firstChild.

mplungjan · Answer 1 · 2013-10-02T19-04-00.000Z

Вероятно, вы получаете текстовый индекс в других браузерах, чем IE

Как насчет чего-то вроде

Live Demo

window.onload=function() {
    var expImg = document.querySelectorAll("img.expand"); // for example
    console.log(expImg)
    for (var i=0;i<expImg.length;i++) {
        expImg[i].onclick=function() {  
          var exp = this.className == "expand";
          this.className=exp?"collapse":"expand";
          this.setAttribute("alt",this.className);
          this.src=exp?"images/minus.jpg":"images/plus.jpg";  
          // here you can do something with the row
        }
    }
}

querySelectorAll отлично, но он не будет работать в устаревшем IE. Убедитесь, что вам не нужно поддерживать IE6 или IE7, прежде чем использовать его.
Даунвотер, пожалуйста, объясните голосование?