请教style的display属性问题,怎么改才能兼容Mozilla及IE?

[myblessu]

我下一个HTML页面,在IE下没有问题,在Mozilla下面提示:
警告： ID/NAME 所引用的元素位于全局范围。请使用 W3C 的标准形式 document.getElementById() 。
请问,我怎么改才能兼容Mozilla及IE? 谢谢!


<TABLE>
<TR>
<TD height=20 width='100%'><A href='#' onclick="return expand(lanmu1)">栏目1</A></TD>
</TR>
<TR id="lanmu1" name="lanmu1" style="display:none">
<TD width='100%'>
<A href="1.htm" target='main'>1.htm</A><BR>
<A href="2.htm" target='main'>2.htm</A><BR>
</TD></TR>
</TABLE>

<SCRIPT language=javascript>
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
var oldfo
var oldexp

function expand(el) {
if (!ver4) return;
if (IE4){
if (el.style.display == "none"){
el.style.display = "block";
}else{
el.style.display = "none";
}
}else{
if (el.visibility == "hide"){
el.visibility = "show";
}else{
el.visibility = "hide";
}

}
return false;
}
</SCRIPT>

[chenxiaohan]

document.body.getElementById()

[aoenzh]

up

[myblessu]

非常感谢 meizz(梅花雪) .

[meizz]

不要用 document.all 啦, 我自己写了一个函数做兼容用:
function getObjectById(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}

[myblessu]

不好意思,不明白你这 getObjectById() 怎么使用,能不能在解释一下? 谢谢!

[meizz]

<TABLE>
<TR>
<TD height=20 width='100%' nowrap>
<A href='#' onclick="return expand('lanmu1')">栏目1</A>
</TD>
</TR>
<TR id="lanmu1" style="display:none">
<TD width='100%'>
<A href="1.htm" target='main'>1.htm</A><BR>
<A href="2.htm" target='main'>2.htm</A><BR>
</TD>
</TR>
</TABLE>

<SCRIPT language=javascript>
function getObjectById(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}
function expand(id)
{
var e = getObjectById(id);
var b = e.style.display == "none";
e.style.display = b ? "" : "none";
return false;
}
</SCRIPT>