如何使用按钮检查背景颜色？答案

【问题标题】：How to check to background color with button?如何使用按钮检查背景颜色？
【发布时间】：2017-12-10 20:43:11
【问题描述】：

我想用onclick 方法检查背景颜色。但我做不到。我在函数中使用了查询块，但它不起作用。

function elemanSurukleBasla(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
    ID = ev.target.id;
    //alert(ev.target.id);
}

function elemanSuruklenior(ev) {
    ev.preventDefault();
}

function elemanBirakildi(ev) {
    ev.preventDefault();
    var veri = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(veri));
    var deniyoruz = "hedef" + ID;
}
function kontrol(){
   if (ev.target.id == deniyoruz) {
      document.getElementById("hedef" + ID).style.backgroundColor = "green";
   } else {
      document.getElementById(ev.target.id).style.backgroundColor = "red";
   }
 }

   

<div id="secenekler"><br>
  <div id="logo" class="soru_css" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)">
    <img id="1" name="secenek1" class="secenek1" src="https://www.w3.org/html/logo/downloads/HTML5_Logo_256.png" width="50" height="50" draggable="true" draggable="true" ondragstart="elemanSurukleBasla(event)" data-target="1">
  </div>
  <div id="logo" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)">
    <img id="2" name="secenek2" class="secenek2" src="https://vignette.wikia.nocookie.net/howtoprogram/images/a/a9/CSS3.png/revision/latest/scale-to-width-down/342?cb=20130422012035" width="50" height="50" draggable="true" ondragstart="elemanSurukleBasla(event)"  data-target="2" >
  </div>
  <div id="logo" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)"  >
    <img id="3" name="secenek3" class="secenek3" src="https://upload.wikimedia.org/wikipedia/commons/d/dc/Javascript-shield.png" width="50" height="50" draggable="true" ondragstart="elemanSurukleBasla(event)" data-target="3">
  </div>
</div>
<div id="sorular"> Sorular <br>
    <div id="hedef2" name="hedef1" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)"  data-target="2"></div> <br>
    <div id="hedef1" name="hedef2" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)"  data-target="1"></div> <br>
    <div id="hedef3" name="hedef3" ondragover="elemanSuruklenior(event)" ondrop="elemanBirakildi(event)"  data-target="3"></div><br>
</div>

<br>
 <button type="button" onclick="kontrol()">KONTROL</button>
<br>

如何在 JavaScript 中使用按钮检查背景？

【问题讨论】：

请edit 你的问题成为主题：包括一个重复问题的minimal reproducible example。寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括：(1) 期望的行为，(2) 特定问题或错误，以及 (3) 在问题本身。另请参阅：What topics can I ask about here? 和 How to Ask。这个问题是关于 JavaScript/HTML/CSS，所以你应该考虑使用snippet。
背景色是什么？以及您的标题与问题的主体有何关系。您似乎在询问两个不同的问题。请edit澄清您的问题。
我们很乐意提供帮助，但不清楚您要获取的背景颜色是什么。你只定义了一个onclick，它在你的<button>上，但它调用kontrol()，你的代码中不存在。
请注意，Stack Overflow 上有很多关于 finding the background color 的问题。您可能需要查看其中的几个，看看它们是否涵盖了您的问题。
How to get the background color of an element using javascript? 的可能重复项（请参阅this answer

标签： javascript drag-and-drop

【解决方案1】：

试试：

<button onclick="myFunc()">Click</button>

在你的 js 中：

function myFunc(){
   return document.getElementById('myDiv').style.backgroundColor == 'black';
}

【讨论】：