javascript - 更改样式属性的正确“浏览器兼容”方式是什么？

Question

以下代码不起作用，它会提醒正确的值，但不会更改style="display: none;"为style="display: block;"

function toggleZoomImage(id, state){
    alert(id);
    alert(state);
    if(state == 'open'){
        document.getElementById(id).style.display == "block";
    } else {
        document.getElementById(id).style.display == "none";
    }   
}

Answer 1

function toggleZoomImage(id, state){
    alert(id);
    alert(state);
    if(state == 'open'){
        document.getElementById(id).style.display = "block";
    } else {
        document.getElementById(id).style.display = "none";
    }   
}

失去那些是比较运算符的双等号。单身是分配。

Answer 2

您使用了错误的运算符 - 使用“=”而不是“==”。第一个是分配，这是你想要的。第二个是比较，在您的代码中没有做任何事情。