Как обратится через js к css

110

28 ноября 2020, 00:40

есть вот такой элемент #m151 в css как к нему обратится через js? и передать параметр none

:-webkit-full-screen #m151{
display:block;   
}

пытался так но не выходит

  document.getElementById("#m151").style.display = "none";
     document.getElementsByClassName('m151')[0].style.display = 'none';

var cvs=document.getElementById("canvas"); // подлкючаем канвас 
 
var ctx = cvs.getContext("2d");  
 
 
 
 
 
var bolshoi = new Image(); 
var wrapperbolshoi = document.createElement('spanbolshoi'); 
wrapperbolshoi.appendChild(bolshoi); 
 
wrapperbolshoi.id = 'm151'; 
 
 
 
bolshoi.src = "https://cdn.pixabay.com/photo/2018/01/22/12/35/potatoes-3098865_960_720.png"; 
 
$(bolshoi).on("click", function() { 
launchFullScreen(document.body);  
 
 
}); 
document.body.appendChild(wrapperbolshoi); 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
launchFullScreen(document.body);  
 
     
    // функция при полном экране  
    function launchFullScreen(element) { 
    if(element.requestFullScreen) { 
        element.requestFullScreen(); 
    } else if(element.mozRequestFullScreen) { 
        element.mozRequestFullScreen(); 
    } else if(element.webkitRequestFullScreen) { 
        element.webkitRequestFullScreen(); 
    } 
}

#m151{ 
 position:absolute; 
	  top:90%; 
	  left:90%; 
    height: 20vh;  
  width: 10vw;   
 
display:block; 
} 
 
 
:-webkit-full-screen #m151{ 
 
 position:absolute; 
	  top:90%; 
	  left:90%; 
    height: 5vh;  
  width: 5vw;   
 
display:block;   
} 
 
:-moz-full-screen #m151{ 
 position:absolute; 
	  top:90%; 
	  left:90%; 
    height: 5vh;  
  width: 5vw;   
 
display:block;           
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<canvas id="canvas" width="1000" height="675"></canvas> <!-- полотно где отображается код -->

Answer 1

manual

в комменарии подсказали что лучше использовать :

elem.addEventListener('click', function(){... });

<style> 
  * { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
  } 
   
  .view { 
    width: 100vw; 
    height: 100vh; 
    padding: 20px; 
    background: #cc0000; 
  } 
</style> 
</head> 
 
<body> 
 
  <div id="elem">elem</div> 
 
 
  <script> 
    var elem = document.getElementById("elem"); 
 
    elem.onclick = function() { 
      this.classList.toggle("view"); 
    } 
  </script>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Из input вывести в div

В input вводишь дату, время, текст - все это через запятуюЭто все нужно вывести в div, но не просто как текст, а все в разный p или span, разницы особо...

103

javascript