Форум

Katy93 · #1 (**permalink**) 06.01.2019, 20:48

У меня есть тег которому задан цвет например:

document.getElementById("text").style.background = "LightGrey";

Как при щелчке мыши на теге сделать проверку на цвет и во время проверки указать LightGrey и чтобы в условии выводился какой-нибудь результат?

рони · #2 (**permalink**) 06.01.2019, 22:13

Katy93,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<style type="text/css">
  div{
      width: 100px;
      height: 100px;
      border: 1px dashed Gray;
      padding: 5px;
  }
  .Red{
      background-color: Red;
  }
  </style>

  <script>
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById("text").style.backgroundColor = "LightGrey";
     var LightGrey = document.getElementById("text").style.backgroundColor;
    document.addEventListener('click',
    function(event) {
   if(event.target.style.backgroundColor ==  LightGrey)  alert("LightGrey");
    })
  });
 </script>
</head>

<body>
<div id="text">click me</div>
<div class="Red"></div>
</body>
</html>

Katy93 · #3 (**permalink**) 07.01.2019, 21:06

Спасибо за помощь.

Но мне ненужно получать цвет с помощью get. Мне нужно сделать сравнение на цвет тега. Вот так:

<script>
document.addEventListener('DOMContentLoaded', function() 
{
    document.getElementById("text").style.backgroundColor = "LightGrey";
    // var LightGrey = document.getElementById("text").style.backgroundColor;
    document.addEventListener('click',
    function(event) {
   if(event.target.style.backgroundColor ==  "lightgrey")  alert("LightGrey");
    })
  });
 </script>

Форум

Справочник

Discord чат

Курсы javascript