Q:

Get the background color of an element using jquery

hamza
Save to bookmark
|
2022-05-18
|
  147 
0

Get the background color of an element.

Click on the following paragraphs and get the background color using jquery

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Get the background color of an element</title>
    <style>
  div {
    width: 60px;
    height: 60px;
    margin: 5px;   
  }
  p {
    margin-top:20px;
    padding: 5px;
    border: 2px solid #666;
  }
  </style>
</head>
<body>
<div style="background-color:red;"></div>
<div style="background-color:rgb(16,99,30);"></div>
<div style="background-color:#523456;"></div>
<div style="background-color:#a11;"></div>
  <p></p>
</body>
</html>

JavaScript Code:

$( "div" ).click(function() {
  var color = $( this ).css( "background-color" );
  $( "p" ).html( "That div is " + color + "." );
});

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now