Почему мой браузер не работает в Firefox

Question

Я написал следующий сценарий, чтобы изменить задний цвет флажка при проверке, но это не работает на Mozila

<script type="text/javascript"> 
function checkBoxList1OnCheck(listControlRef) 
{ 
var inputItemArray = listControlRef.getElementsByTagName('input'); 

for (var i=0; i<inputItemArray.length; i++) 
{ 
    var inputItem = inputItemArray[i]; 

    if (inputItem.checked) 
    { 
    inputItem.parentElement.style.backgroundColor = 'Red'; 
    } 
    else 
    { 
    inputItem.parentElement.style.backgroundColor = 'White'; 
    } 
} 
} 
</script> 

<form id="form1" runat="server"> 
    <div> 
    <asp:CheckBoxList id="CheckBoxList1" onclick="checkBoxList1OnCheck(this);" runat="server"> 
    <asp:listitem value="1">Item 1</asp:listitem> 
    <asp:listitem value="2">Item 2</asp:listitem> 
    <asp:listitem value="3">Item 3</asp:listitem> 
</asp:CheckBoxList> 
    </div> 
    </form> 

и даже при загрузке страницы я добавить следующим образом

CheckBoxList1.Attributes.Add("onclick", "checkBoxList1OnCheck(this);");

Но все-таки я не в состоянии работать с ним в Mozila может ли один помочь мне

Answer 1

СОВЕТ: Посмотрите на ошибки JavaScript console (CTRL + SHIFT + j), parentElement не поддерживается в браузерах Mozilla.

Попробуйте использовать parentNode вместо:

 for (var i = 0; i < inputItemArray.length; i++) { 
      var inputItem = inputItemArray[i]; 

      if (inputItem.checked) { 
       //inputItem.parentElement.style.backgroundColor = 'Red';//Won't work in Mozilla 
       inputItem.parentNode.style.backgroundColor = 'Red'; 
      } 
      else { 
       //inputItem.parentElement.style.backgroundColor = 'White';//Won't work in Mozilla 
       inputItem.parentNode.style.backgroundColor = 'White'; 

      }