这段代码怎么写 都写不好啊

Question

<script language="javascript">
var op;window.onload=function()
{
    
    op=document.getElementById("aaa");    
    //alert(op.childNodes[0].nodeValue)
    //op.childNodes[0].nodeValue="<div>aaaaa</div>"    
    op.onmousemove=optxt;   //保持白色用mousemove
    op.onmouseout=optxt;    
}
function optxt(Event)
{    
    var txt=op.innerHTML;    
    if(window.event)    
    Event=window.event;
    if(Event.type=="mousemove")
    {
    //alert(1);
    op.innerHTML="<span style='color:#ccc'>"+txt+"</span>";        这里color后用:
    //alert(2);
    }
    else if(Event.type=="mouseout")
    {
    //alert(3);
    op.innerHTML="测试数据";
    //alert(4);
    //op.blur();
    }
}
</script><div name="txt" id="txt" style="width:200px;height:50px;background-color:red; text-align:center"><span id='aaa'>测试数据   <span></div>   //居中用text-align
不知道是不是你的原意？

Answer 1

DIV里似乎没有vertical-align样式

Answer 2

垂直居中还是用<table><tr><td valign="middle">

Answer 3

有那么复杂吗???????这样不就行了:<div name="txt" id="txt" style="width:200px;height:50px;background-color:red; text-align:center">
<span id='aaa' onMouseOver="this.style.color='#FFFFFF';" onMouseOut="this.style.color='';">测试数据<span>
</div>

Answer 4

靠 你早说用Style.color不就完了，这一直说InnerHTML呢！！！