求教：当一个文本框具有焦点时，让其他层改变样式。。

来源：百度知道 编辑：UC知道 时间：2024/06/04 02:21:30
淘宝注册页面上，当一个用户名文本框具有焦点的时候，旁边提示信息的层的样式就发生变化，他具有了蓝色1象素的边框； 而当密码文本框具有焦点的时候，刚才的层的样式就变回原来的样式！
请问这个javascript代码如何编写啊，请指教啊，能否代码写清楚些。》

楼主说的效果，是在css里定义多个类，通过判断input是否获得焦点来切换div的className

简单的演示一下，另存为htm就可看效果~

<style>
.div1 {BORDER-right: #eeeeee 1px solid;BORDER-left: #eeeeee 1px solid;BORDER-top: #eeeeee 1px solid;BORDER-bottom: #eeeeee 1px solid;width:150;}
.div2 {BORDER-right: #428EFF 1px solid;BORDER-left: #428EFF 1px solid;BORDER-top: #428EFF 1px solid;BORDER-bottom: #428EFF 1px solid;width:150;}
</style>
<body onclick="chanageStyle()">
<script langeage="javascript">
function chanageStyle()
{
if(document.activeElement.tagName=="INPUT")
{
if(document.activeElement.id=="user")
{
document.getElementById("d1").className='div2'
document.getElementById("d2").className='div1'
}
if(document.activeElement.id=="pwd")
{
document.getElementById("d1").className='div1'
document.getElementBy