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");
    }
};

我似乎无法工作......

更新

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为span提供id并更改ite innerHTML

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

另一个标签中的innerHTML

2 个答案: