通过点击a标签而改变div背景颜色?javascript代码?

  作者: 党海正@党多多  分类: DIV+CSS   评论: [ 0 ] 条  浏览: [ 2384 ] 次

<script>
function clickfn(){
 var box = document.getElementById('box');
 box.style.backgroundColor="#f00"  //设置背景颜色为红色
 box.style.color="#FFF"//设置字体颜色为白色
}
</script>
<div id="box">这是一个div</div>
<a href="javascript:clickfn()" >这是一个连接</a>


function changecolor()
{
  document.getElementById("change").style.backgroundColor="red";
}

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="Keywords" content="" />
        <meta name="Description" content="" />
        <style>
            .box{ width: 200px; height: 200px; border: 1px solid #ccc; background-color: #f00; color: #fff;}
        </style>
    </head>
    <body>
        <div id="box" class="box">这是一个div</div>
        <a href="#" id="btn" class="btn">这是一个连接</a>
        <script>
            var btn = document.getElementById('btn'), box = document.getElementById('box');
            var changeBackgroundColor = function(elem,color){
                elem.style.backgroundColor = color;
            }
            btn.onclick = function(e){
                changeBackgroundColor(box,'#000')
                return false;
            }
        </script>
    </body>
</html>

 

标签: html js

分享本文至:

发表评论: