另一個標簽內的innerHTML

Question

我有一個鏈接：

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

而且我可以使用innerHTML控制<span>Next step</span>部分，但是我怎么能不理會<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，請給id指定范圍並更改itemHTML

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