javascript如何控制span的显示和隐藏？？

Question

<script language=javascript>
function show(){
aa.style.display="none";
}
function hide(){
aa.style.display="";
}
</script>
<span id=aa>
abcdefg
</span><p>
<font onmousemove="show()" onmouseout="hide()">显示与瘾藏</font>

Answer 1

style.display   : "" / "none"
或者
style.visibility : "visible" / "hidden" / "block"区别在于如果用 style.display = "none" 隐藏，则该元素将不再占据空间，
而 style.visibility = "hidden" ，元素隐藏，但空间依然保留

Answer 2

<span id="span1" onmouseover="javascript:eval(span1).style.display=''"; onmouseout="javascript:eval(span1).style.display='none'">
55555555555555555555555
</span>

Answer 3

<script language=javascript>
function show(){
aa.style.display="none";
}
function hide(){
aa.style.display="";
}
</script>
<span id=aa>
abcdefg
</span><p>
<font onmousemove="show()" onmouseout="hide()">显示与瘾藏</font>