Question

如果另一个元素显示为＆＃39; block＆＃39;是否有任何方法可以更改元素的CSS使用纯JavaScript？

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

按下按钮，element1 = display：block;和element2 =不透明度：0.2; 当element1 = display：none; element2 =不透明度1;

Answer 1

是的，你可以使用

获得风格

var defaultTitle = document.title;

   // subscribe to visibility change events
   document.addEventListener('visibilitychange', function () {
   // fires when user switches tabs, apps, goes to homescreen, etc.
   if (document.visibilityState === 'hidden') {
    document.title = 'Hello!'
        }
   // fires when app transitions from prerender, user returns to the app / tab.
   if (document.visibilityState === 'visible') {
   document.title = defaultTitle;
   // Animation with jquery to change opacity of the body
   $("body").css("opacity", 0).animate({ opacity: 1}, 1000);
  }
});

Answer 2

<!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>

JavaScript如果元素是display = block更改另一个元素的CSS

2 个答案: