要判断边框颜色是否改变,可以先获取元素的初始边框颜色,然后通过CSS样式获取当前的边框颜色,最后比较两者是否相同。
以下是一个使用JavaScript来判断边框颜色是否改变的示例代码:
HTML代码:
JavaScript代码:
function checkBorderColor() {
var element = document.getElementById("myElement");
var initialBorderColor = getComputedStyle(element).borderColor;
// 假设边框颜色改变后为blue
element.style.borderColor = "blue";
var currentBorderColor = getComputedStyle(element).borderColor;
if (initialBorderColor === currentBorderColor) {
console.log("边框颜色没有改变");
} else {
console.log("边框颜色已改变");
}
}
在上面的示例中,我们首先获取了元素的初始边框颜色 initialBorderColor
,然后将边框颜色改变为"blue",再次获取当前的边框颜色 currentBorderColor
。最后,我们比较初始边框颜色和当前边框颜色是否相同,如果相同则输出"边框颜色没有改变",否则输出"边框颜色已改变"。