<Html> <pead> <title> obtain the true background color of the element </title> <style>. classname {background-color: # ff99dd;} # div3 {background-color: # d8bfd8;} div {background-color: #87 cefa; border: 1px solid #333333; margin: 10px; padding: 4px;} body {background-color: # bed742;} # div4 {background-color: transparent ;} </style> </pead> <body> obtains the true background color of the element. By Longbill div1, the background color is defined directly using the div tag (#87 cefa) div2 uses class name to define the background color (# ff99dd) div3 uses id to define the background color (# d8bfd8) div4. This is a transparent div, and the background color should be the color of the previous element (# bed742) <button onclick = "go ()"> getBg () </button> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]