javascript - Onclick 使用标签更改颜色 + 文本

Question

<script language="javascript">

    function changecolor (i)
    {
        if(document.getElementById)
            document.getElementById(i).color = "green";
        else if(document.all)
            document.all[i].color = "red";

        return false;
    }

</script>



<h1>Edit Status: 
    <a href="#" onClick="return changecolor('item1')" class="a">
        <font style="color: #f00;">
            <font id=item1>Disabled</font>
    </a>
</h1><br></font>

我有上面的文本颜色转换器，现在我想创建红色的禁用，当你点击它时，文本改变并且颜色变成绿色，如果你再次点击它会返回..

那我该怎么做呢？该代码仅在我单击一次并且不更改文本时有效..

谢谢大家!

Answer 1

您使用了 <font> HTML 标签，什么都不推荐。您应该使用 CSS 来设置 HTML 标签的样式。

您可以在这里阅读有关 CSS 的信息:W3schools - CSS

我认为这个 HTML 对你有好处:

<h1>Edit Status: 
    <a href="#" onClick="return changecolor(this)" style="color: red;">Disabled</a>
</h1>

使用此脚本更改文本和颜色:

<script type="text/javascript">

function changecolor(element){
    if (element.innerHTML == "Disabled"){
        element.innerHTML = "Enabled";
        element.style.color = "green";
    } else {
        element.innerHTML = "Disabled";
        element.style.color = "red";
    }
    return false;
}

</script>