JavaScript获取元素真实背景颜色的实现方法

获取元素真实背景颜色的JavaScript实现

<html>  <head>  <title>得到元素真实的背景颜色</title>  <style>  .classname  {background-color:#ff99dd;}  #div3  {background-color:#d8bfd8;}  div  {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;}  body  {background-color:#bed742;}  #div4  {background-color:transparent;}  </style>  </head>  <body>  <span style="text-align:center;font-size:20px;color:#ff7f50;width:100%;">得到元素真实的背景颜色 <font style="font-size:12px;">By Longbill</font></span>  <div id='div1'>div1 直接通过div标签定义背景色(#87cefa)</div>  <div id='div2' class=classname>div2 通过class name定义背景色(#ff99dd)</div>  <div id='div3'>div3 通过id定义背景色(#d8bfd8)</div>  <div id='div4'>div4 这是一个透明的div，背景色应为上一个元素的颜色(#bed742)</div>  <button onclick="go()">getBg()</button>    </body>  </html>

注意：若引入外部JavaScript文件，需刷新页面后方可执行。