Почему firefox не может получить узел элементов, а также IE?

Это скрипт для выбора метода оплаты. Она работает в IE, но когда я запускаю его в FF он останавливается с этой ошибкой: Error: document.getElementById("tdeposit").childNodes[0].childNodes[0] is undefined.Почему firefox не может получить узел элементов, а также IE?

Вы можете вставить этот код в HTML файл и увидеть проблему:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Test</title> 
<style> 
#tdeposit { 
width:550px; 
margin:10px auto; 
font-family:Arial; 
font-size:13px; 
font-weight:bold; 
letter-spacing:1px; 
color:#444; 
text-align:center; 
} 
</style> 
</head> 

<body> 
<script> 
function methodis(method){ 
if(method=='wm'){ 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[1].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[2].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[3].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[4].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[1].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[2].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[3].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[4].style.visibility='hidden'; 
document.deposit.method[0].checked=true; 
} 
if(method=='lr'){ 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[1].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[2].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[3].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[0].childNodes[4].style.visibility='hidden'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[1].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[2].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[3].style.visibility='visible'; 
document.getElementById('tdeposit').childNodes[0].childNodes[1].childNodes[4].style.visibility='visible'; 
document.deposit.method[1].checked=true; 
} 
return 0; 
} 

function calculate(ob,per){ 
    if(ob.value.length<8){ 
document.getElementById(ob.name).innerHTML = '$ '+(per*ob.value).toFixed(2); 
    }else{ 
document.getElementById(ob.name).innerHTML = '$ 0'; 
    } 
} 
</script> 
<form name='deposit' action='deposit.php'> 
    <table id='tdeposit' > 
    <tbody> 
     <tr> 
     <td><input type='radio' name='method' value='wm' style='width:20px; height:50px' /> 
      <img src='http://www.xxxxxxxxx.com/images/webmoney.png' onclick='methodis("wm");' /></td> 
     <td style='width:110px; visibility: hidden;'> $ 
      <input style='margin:5px; height:20px; width:50px; text-align:center' type='text' name='wmht' onkeyup='calculate(this,0.98);' /> 
      WM</td> 
     <td style='width:25px; visibility: hidden;'><img src='http://www.xxxxxxxxx.com/images/convert.gif' /></td> 
     <td style='width:100px; visibility: hidden;' ><span id='wmht' style='color:#060'>$ 0.0</span> HT</td> 
     <td style='width:100px; visibility: hidden;'><input type='submit' value=' Deposit ' /> 
     </tr> 
     <tr style='border-top:solid 1px #999'> 
     <td><input type='radio' name='method' value='lr' style='width:20px; height:50px' /> 
      <img src='http://www.xxxxxxxxx.com/images/libertyreserve.png' onclick='methodis("lr");'/></td> 
     <td style='visibility: hidden;'> $ 
      <input style='margin:5px; height:20px; width:50px; text-align:center' type='text' name='lrht' onkeyup='calculate(this,0.95);' /> 
      LR</td> 
     <td style='visibility: hidden;'><img src='http://www.xxxxxxxxx.com/images/convert.gif' /></td> 
     <td style='visibility: hidden;'><span id='lrht' style='color:#060'>$ 0.0 </span> HT</td> 
     <td style='visibility: hidden;'><input type='submit' value=' Deposit ' /> 
     </tr> 
    </tbody> 
    </table> 
</form> 
</body> 
</html>

источник

2012-02-22 AMIN Gholibeigian

Что на Земле ... –

Эти коды заставляют меня стрелять в кого-то. – ThiefMaster

Если вы видите код, который повторяется после строки [aka 'document.getElementById ('tdeposit'). ChildNodes [0] .childNodes [0]'], вы должны попытаться выяснить, как его удалить. Тот же код снова и снова неэффективен, потому что браузер должен снова и снова просматривать этот узел. – epascarello

document.getElementById('tdeposit').childNodes[0] ссылается на TextNode для пробельных следуя <table> тега. Возможно, IE игнорирует это, но не другие браузеры. Используйте children геттер вместо childNodes.

источник

2012-02-22 12:26:31

... но серьезно, вы должны пересмотреть свой код. –

Спасибо, чувак, это было здорово –

Алекс, я пересматриваю. В какой части кода я должен внести изменения? –

Почему firefox не может получить узел элементов, а также IE?

ответ

Смежные вопросы