JavaScript如果元素为display=块更改另一个元素的CSS_Javascript_Css

JavaScript如果元素为display=块更改另一个元素的CSS

javascript css

JavaScript如果元素为display=块更改另一个元素的CSS,javascript,css,Javascript,Css,如果使用纯JavaScript将另一个元素显示为“block”，有没有办法更改元素的CSS 抱歉，可能应该说，元素的显示取决于是否按下按钮 So按钮按下，element1=显示：块；元素2=不透明度：0.2；当element1=显示时：无；元素2=不透明度1 是的，您可以使用 <!DOCTYPE html> <html> <body> <div id="divid" style="color:red;"> Test

如果使用纯JavaScript将另一个元素显示为“block”，有没有办法更改元素的CSS

抱歉，可能应该说，元素的显示取决于是否按下按钮

So按钮按下，element1=显示：块；元素2=不透明度：0.2；

当element1=显示时：无；元素2=不透明度1

是的，您可以使用

<!DOCTYPE html>
<html>

<body>
    <div id="divid" style="color:red;">
        Test
    </div>
<script>
test();
    function test() {
    var color = document.getElementById("divid").style.color;

        if(color == "red") {
            document.getElementById("divid").style.color = "green";
        }
    }
</script>
</body>
</html>

研究以下主题：如何检查元素显示是否为块，如何使用javascript以编程方式更改元素css。我似乎无法使其正常工作？我将代码编辑为我使用过的完整版本，应该可以正常工作。如果元素隐藏，其他div颜色将为红色或绿色

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test</title>
<style>
    #myDiv{
        display:none;
    } 
</style>
<script>
    var elem = document.getElementById("myDiv");
    var newElem = document.getElementById("newDiv");
    if(elem.offsetWidth == 0 && elem.offsetHeight == 0){
        newElem.style.color = "red";
    }else{
        newElem.style.color = "green";
    }
</script>
</head>
<body>
    <div id="myDiv">Test</div>
    <div id="newDiv">Test</div>
</body>
</html>