请尝试使用以下命令：
第一个

$("#divCheckPasswordMatch").html("Passwords do not match!");

至

$("#divCheckPasswordMatch").html("<span style='color:red'>Passwords do not match!</span>");

if (password != confirmPassword){
        $("#divCheckPasswordMatch").html("<span style='color:red'>Passwords do not match!</span>");
 }   else {
        $("#divCheckPasswordMatch").html("Passwords match.");
}

$("#divCheckPasswordMatch").css('color', 'red');
在你的1.if中^^

你可以对css（）方法：

if (password != confirmPassword)
{
    $("#divCheckPasswordMatch").html("Passwords do not match!");
    $("#divCheckPasswordMatch").css('color', 'red');
} else {
    $("#divCheckPasswordMatch").html("Passwords match.");
    $("#divCheckPasswordMatch").css('color', 'green');
}

更多详细信息，请访问jquery .css documentation page

如果您不想使用jquery，请使用不同的方法。

thePasswordTextEle = document.createElement("span")

if (password != confirmPassword)
{
    thePasswordTextEle.classList.add("red-text")
    thePasswordTextEle.innerHTML = "Password ***"
} else {
    thePasswordTextEle.classList.add("green-text")
    thePasswordTextEle.innerHTML = "Password ***"
}
document.querySelector('#divCheckPasswordMatch').innerHTML = thePasswordTextEle.outerHTML