JS if语句 - innerHTML

时间:2013-06-02 09:04:48

标签: javascript if-statement innerhtml

function colorize(){
    for(i = 1; i<=8; i++)
    {
        var id = document.getElementById('op' + i);

        var stat = id.innerHTML;
        document.write(stat + " ");
        if(stat == 1)
        {
            id.innerHTML = "<div style='background:#00FF00; width: 20px; height: 20px; border-radius: 15px;'></div>";
        }
        else{
            id.innerHTML = "<div style='background:#FF0000; width: 20px; height: 20px; border-radius: 15px;'></div>";
        }
    }
}

它应该检查是否有1或0并用绿色或红色圆圈替换它,但我只得到红色圆圈。

“stat”打印给了我一个“0 0 0 1 1 1 1 1”,但似乎没有使用if语句。有人知道为什么吗?

2 个答案:

答案 0 :(得分:0)

如果stat.length总是等于1:

if(stat[0]=='1'){

如果你要找的只是1中的stat

if(stat.match(/1/)){//contains a 1, may contain more

答案 1 :(得分:0)

function colorize(){
for(i = 1; i<=8; i++)
{
    var id = document.getElementById('op' + i);

    var stat = id.innerHTML;
    document.write(stat + " ");
    if(stat == "1")
    {
        id.innerHTML = "<div style='background:#00FF00; width: 20px; height: 20px; border-radius: 15px;'></div>";
    }
    else{
        id.innerHTML = "<div style='background:#FF0000; width: 20px; height: 20px; border-radius: 15px;'></div>";
    }
}

}