если display = block, измените его на нет с помощью JavaScript

Question

для этого кода

#element1{display=block}
<div id="element1"></div>

как мне написать код JavaScript, например

otherbutton on click if(element1display=block){
    change it to display=none
}

Answer 1

попробуйте,

document.querySelector("button").addEventListener("click", changeDiv);
function changeDiv(){
	var element = document.getElementById("element1");
    element.style.display = (element.style.display == 'none') ? 'block' : 'none';
}

#element1{display:block}

<div id="element1">Sample</div>
<button>Click here</button>

Answer 2

Если у вас есть способ выбрать текст, который вы хотите проверить, и что весь текст находится в одном элементе, вы можете использовать window.getComputedStyle, чтобы определить, какой color элемент использует.Затем вы можете использовать оператор if, чтобы проверить, нацелен ли он на цвет, а затем назначить элементу другой color.Следующий пример должен работать в Chrome;Я не знаю, будут ли другие браузеры точно возвращать rgb(0, 0, 255), но, как только вы проверите, что они возвращают, расширение операторов if для принятия этих строк должно быть довольно тривиальным.

document.querySelector('button').addEventListener('click', ()=> {
  let p = document.querySelector('.blue-text');
  pStyle = window.getComputedStyle(p);
  console.log(pStyle.color)
  if (pStyle.color === "rgb(0, 0, 255)") {
    p.style.color = "red";
  }
})

.blue-text {
  color: blue;
}

<p class="blue-text">I'm some text</p>

<button>Change Text Color</button>

Answer 3

style.backgroundColor = "red"

changeColor = function(){
  // Get the element by ID
  var div = document.getElementById("square");
  
  // Get the styles applied to that element
  var style = window.getComputedStyle(div)
  
  // Compare background color using rgb value
  if(style.backgroundColor == "rgb(0, 0, 255)")
    div.style.backgroundColor = "red";
}

#square{
  width: 50px;
  height: 50px;
  background-color: blue;
}

<div id="square"></div>
<button onclick="changeColor()">Change Color</button>

Answer 4

Вы можете попробовать это

$(document).ready(function() {
    $('.btn').on('click', function() {
        var textElement = $('.txt').get(0);
        var currentColor = textElement.style.color;
    
        if (currentColor === "blue") {
            textElement.style.color = "red";
        } else {
            textElement.style.color = "blue";
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p class="txt" style="color:blue;">This is my text!</p>
<button class="btn">Change color</button>

Answer 5

Используйте метод .css () для элемента, который вы хотите получить.

var theColorIs = $('element').css("color"); //Which will return the color in RGB.

if(theColorIs  == 'blue') {
      $("element").css({"color": "red"}); 
}

https://www.w3schools.com/jquery/jquery_css.asp