js代码 onfocus onblur
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>...
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.a{ width:200px; height:200px; background-color:red;}
.b{ width:200px; height:200px; background-color:blue;}
</style>
<script>
function initArray()
{
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++)
{
this[i] = initArray.arguments[i];
}
}
var tbox=new initArray();
tbox[0]="t";
tbox[1]="t1";
tbox[2]="t2";
var sdiv=new initArray();
sdiv[0]="d"
sdiv[1]="d1"
sdiv[2]="d2";
var tb=new initArray();
var ddiv=new initArray();
function changecss()
{
for(var i=0;i<3;i++)
{
tb[i]=document.getElementById(tbox[i]);
ddiv[i]=document.getElementById(sdiv[i]);
ddiv[i].className="b";
tb[i].onfocus= function (){ddiv[i].className='a'}
tb[i].onblur= function (){ddiv[i].className='b'}
}
}
</script>
</head>
<body onload="changecss()">
<div id="d">
111
</div>
<div id="d1">
222
</div>
<div id="d2">
333
</div>
<input id="t" type="text"/>
<input id="t1" type="text"/>
<input id="t2" type="text"/>
</body>
</html>
求解for循环中
没有出现相应的效果 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.a{ width:200px; height:200px; background-color:red;}
.b{ width:200px; height:200px; background-color:blue;}
</style>
<script>
function initArray()
{
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++)
{
this[i] = initArray.arguments[i];
}
}
var tbox=new initArray();
tbox[0]="t";
tbox[1]="t1";
tbox[2]="t2";
var sdiv=new initArray();
sdiv[0]="d"
sdiv[1]="d1"
sdiv[2]="d2";
var tb=new initArray();
var ddiv=new initArray();
function changecss()
{
for(var i=0;i<3;i++)
{
tb[i]=document.getElementById(tbox[i]);
ddiv[i]=document.getElementById(sdiv[i]);
ddiv[i].className="b";
tb[i].onfocus= function (){ddiv[i].className='a'}
tb[i].onblur= function (){ddiv[i].className='b'}
}
}
</script>
</head>
<body onload="changecss()">
<div id="d">
111
</div>
<div id="d1">
222
</div>
<div id="d2">
333
</div>
<input id="t" type="text"/>
<input id="t1" type="text"/>
<input id="t2" type="text"/>
</body>
</html>
求解for循环中
没有出现相应的效果 展开
4个回答
展开全部
把你的js方法都注视掉换成这个
function changecss()
{
var txt=new Array("t","t1","t2");
var div=new Array("d","d1","d2");
for(var i=0;i<3;i++)
{
document.getElementById(div[i]).className="b"
~function(){
var k=i;
document.getElementById(txt[k]).onfocus=function(){document.getElementById(div[k]).className="a"};
document.getElementById(txt[k]).onblur=function(){document.getElementById(div[k]).className="b"};
}();
}
}
function changecss()
{
var txt=new Array("t","t1","t2");
var div=new Array("d","d1","d2");
for(var i=0;i<3;i++)
{
document.getElementById(div[i]).className="b"
~function(){
var k=i;
document.getElementById(txt[k]).onfocus=function(){document.getElementById(div[k]).className="a"};
document.getElementById(txt[k]).onblur=function(){document.getElementById(div[k]).className="b"};
}();
}
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
tb[i].onfocus= function (){this.className='a'}
tb[i].onblur= function (){this.className='b'}
tb[i].onblur= function (){this.className='b'}
追问
for中逻辑上 感觉没错，可是没出现相应的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不清楚下面是否是你需要的：
tb[i]=document.getElementById(tbox[i]);//获取id为tbox[i]的元素
ddiv[i]=document.getElementById(sdiv[i]);//获取id为sdiv[i]的元素
ddiv[i].className="b";//设置ddiv[i]的css样式为b 类似 class='b'
tb[i].onfocus= function (){ddiv[i].className='a'}//当tb[i]获取焦点时 设置ddiv[i]的css的class为a
tb[i].onblur= function (){ddiv[i].className='b'}//当tb[i]获取失去焦点时 设置ddiv[i]的css的class为b
tb[i]=document.getElementById(tbox[i]);//获取id为tbox[i]的元素
ddiv[i]=document.getElementById(sdiv[i]);//获取id为sdiv[i]的元素
ddiv[i].className="b";//设置ddiv[i]的css样式为b 类似 class='b'
tb[i].onfocus= function (){ddiv[i].className='a'}//当tb[i]获取焦点时 设置ddiv[i]的css的class为a
tb[i].onblur= function (){ddiv[i].className='b'}//当tb[i]获取失去焦点时 设置ddiv[i]的css的class为b
追问
可是没出现效果
追答
initArray 这个你是哪里来的？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
获得焦点和失去焦点的时候换div的class
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
