innerHTML dans une autre balise

Question

J'ai un lien:

<a id="nextBut" href="somelink" class="button"><span>Next Step</span></a> 

Et je peux contrôler la partie <span>Next step</span> avec innerHTML mais comment pourrais-je laisser seul le <span> et juste changer la partie 'étape suivante?

Par exemple:

var NextButJar = document.getElementById('nextBut'); 
NextButJar.disabled = true; 
NextButJar.style.opacity = .5; 
NextButJar.span.innerHTML = 'Read all tabs to continue'; 

J'ai aussi:

NextButJar.onClick = handleClick; 
function handleClick(){ 
    if (this.disabled == true) { 
     alert("Please view all tabs first!"); 
     return; 
    } else { 
     alert("allowed to run"); 
    } 
}; 

Ce qui ne semble pas possible de faire fonctionner soit ...

MISE À JOUR

NextButJar.addEvent("click", function() { 
    if (this.disabled == true) { 
     alert("Please view all tabs first!"); 
     return; 
    } 
}); 

Fonctionne dans tout sauf Expl orer ...

Answer 1

NextButJar.firstChild.innerHTML = "foo"; 

Permet de définir le code HTML dans le premier élément enfant. Si vous pourriez aussi avoir d'autres contenus dans le nœud, faire quelque chose le long des lignes de

NextButJar.getElementsByTagName("span")[0].innerHTML = "foo"; 

Answer 2

Pour utiliser innerHTML donner id à la portée et changer ite innerHTML

<a id="nextBut" href="somelink" class="button"><span id="nextButSpan">Next Step</span></a>