Question

我想检查一个元素的背景和文本颜色是否匹配，除了在第二次鼠标点击后调用check();之外，一切都很好！

function check() {
    if(document.getElementById("cimg").style.backgroundColor == document.getElementById("cimg").style.color) {
        alert("Matched");
    }

}

    function show() {
        document.getElementById("cimg").style.backgroundColor = "blue";
    }

我的Div（实际上是一个图像按钮）：

    <div class="blue" id="bg1" onClick="check(); return show();" title="Blue"></div>

和cimg是我要查看更改的div的ID。 P.S：欢迎任何jQuery / CSS / PHP答案！

Answer 1

您缺少函数的括号，并且第一个函数未正确包含

function check() {
    if(document.getElementById("cimg").style.backgroundColor == document.getElementById("cimg").style.color) {
        alert("Matched");
    }
}

Js Fiddle

Answer 2

由于您没有为check()函数提供else语句，因此它不会在首次运行时返回任何内容，但会运行show()函数并将bg颜色设置为蓝色，然后在下次单击时匹配check() 1}}功能。

function check() {
    if(document.getElementById("cimg").style.backgroundColor == document.getElementById("cimg").style.color) {
        alert("Matched");
    } else {
        alert("No Match");
    }
}

第二次鼠标点击后调用我的js函数

2 个答案: