UC知道javascript使div区域颜色互换，如何进行？
来源：百度知道 编辑：UC知道 时间：2024/09/20 15:27:58
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#idDiv1{
position:relative;top:50px;
height:40px;
width:100px;
background-color:#FF0000;
}
#idDiv2{
position:relative;left:400px;
height:40px;
width:100px;
background-color:#0000FF;
}
</style>
<script type="text/javascript">
fuction id_onclick(e){
var oDiv2=document.all("idDiv2");
var oDiv1=document.all("idDiv1");
oDiv1.style=oDiv2.style;
}
</script>
</head>
<body>
<div id="idDiv1" onclick="id_onclick()"></div>
<div id="idDiv2"></div>
</body>
</html>
回复1楼：好像是对的，但是怎么不行了，为什么？
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#idDiv1{
position:relative;top:50px;
height:40px;
width:100px;
background-color:#FF0000;
}
#idDiv2{
position:relative;left:400px;
height:40px;
width:100px;
background-color:#0000FF;
}
</style>
<script type="text/javascript">
fuction id_onclick(e){
var oDiv2=document.all("idDiv2");
var oDiv1=document.all("idDiv1");
oDiv1.style=oDiv2.style;
}
</script>
</head>
<body>
<div id="idDiv1" onclick="id_onclick()"></div>
<div id="idDiv2"></div>
</body>
</html>
回复1楼：好像是对的，但是怎么不行了，为什么？
用.style.backgroundColor取不出具体的颜色值,把function换成这个
function id_onclick(e){
var oDiv2=document.getElementById("idDiv2");
var oDiv1=document.getElementById("idDiv1");
//取得其中一div的color
var odiv1Color=oDiv1.currentStyle["backgroundColor"];
var odiv2Color=oDiv2.currentStyle["backgroundColor"];
//alert(odiv1Color);
oDiv1.style.backgroundColor=odiv2Color;
oDiv2.style.backgroundColor=odiv1Color;
}
还有啊楼主，你上面代码的function拼错了...
function里面这样写
var oDiv2=document.getElementById("idDiv2");
var oDiv1=document.getElementById("idDiv1");
//取得其中一div的color
var odiv1Color=oDiv1.style.backgroundColor;
oDiv1.style.backgroundColor=oDiv2.style.backgroundColor;
oDiv2.style.backgroundColor=odiv1Color;