innerHTML внутри другого тега

Question

У меня есть ссылка:

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

И я могу контролировать на <span>Next step</span> часть с innerHTML, но как я мог оставить <span> в покое и просто изменить «Следующий шаг» часть?

Например:

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

У меня также есть:

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

Что я не могу показаться, чтобы получить работу либо ...

UPDATE

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

Работает во всем, кроме Проводника ...

Answer 1

NextButJar.firstChild.innerHTML = "foo"; 

Установит HTML в первом дочернем элементе. Если вы также можете иметь другое содержание в узле, сделать что-то вдоль линий

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

Answer 2

Чтобы использовать innerHTML дать идентификатор размаху и изменить Ite innerHTML

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