Problème Javascript - intermittent ne peut pas trouver l'élément en utilisant getElementById

Question

J'ai un problème avec certains javascript que j'ai écrit qui ne fonctionne que par intermittence. Je ne connais pas grand-chose sur la façon dont les choses fonctionnent dans le DOM mais je soupçonne que le JS que j'ai écrit essaie d'accéder à un élément dans le DOM avant qu'il n'existe. J'ai écrit le JS pour l'ajouter à un formulaire de montage. Je n'ai pas accès au code réel dans le formulaire pour y apporter des modifications, je ne peux que faire des changements JS.

Voici le lien vers le formulaire http://www.tfaforms.com/186347

et c'est le javascript que j'utilise sur le document charge

window.onload=function() { 

document.getElementById("submit-").style.visibility = "hidden"; 
document.getElementById("wfPageNextId1").value="Calculate"; 
document.getElementById('wfPageNextId1').setAttribute('onclick', 'Calculate2011()') 

} 

Je reçois des erreurs disant que wfPageNextId1 est nulle et setAttribute ne peut pas être appelé.

Toute aide serait grandement appréciée. Merci d'avance.

Answer 1

Il semble que certains des DOM soient créés dynamiquement par d'autres scripts. Vous pouvez retarder jusqu'à ce que les éléments existent par quelque chose le long de ces lignes:

function initializeForm() { 
    var submit = document.getElementById("submit-"), 
     nextPage = document.getElementById("wfPageNextId1"); 
    if (submit && nextPage) { 
     submit.style.visibility = "hidden"; 
     nextPage.value = "Calculate"; 
     nextPage.setAttribute('onclick', 'Calculate2011()'); 
    } else { 
     // try again in 1 second 
     setTimeout(initializeForm, 1000); 
    } 
} 

window.onload = function() { 
    initializeForm(); 
}; 

Vous devez également vous assurer que vous n'êtes pas nuking tout window.onload défini dans les autres scripts:

if (window.onload) { 
    var currentOnload = window.onload; 
    window.onload = function() { currentOnload(); initializeForm(); }; 
} else { 
    window.onload = function() { initializeForm(); }; 
} 

Answer 2

Vérifié la page HTML et infact il n'y a pas d'élément HTML avec l'ID wfPageNextId1. Quel est l'élément de la page auquel vous essayez d'accéder?