HTMLElement.style.borderColor 未提供正确的值

Question

function goToSlide3(){
    if(advanced.style.borderColor==="#FF00B8" ||      
       pro.style.borderColor==="#483EFF" || 
       arcade.style.borderColor==="#FF8A00") {
       
       // Code here
    }
}

我正在尝试如果

pro.style.borderColor === "#FF00B8"

或

arcade.style.borderColor === "#FF8A00"

那么

goToNextSide

但 JavaScript 无法识别十六进制颜色值。它识别 HTML 颜色名称。例如，

arcade.style.borderColor === "red"

然后它接受它。

Answer 1

我认为在你的情况下你可以使用

window.getComputedStyle(<dom element>)

它返回将返回，不是颜色的十六进制值，而是始终RGB（如

rgb(255,255,255)

）并且您可以轻松地将其转换为HEX