如何正确的引用对象?和使用JS清除DIV中的内容?

Question

document.getElementById(id).value; // 这样兼容性最好,其它的非IE支持不好function reset()
        {
             //document.all.idContent.innerHTML=""; 
             document.getElementById("idContent").innerHTML="";
        } 

Answer 1

1,使用document.getElementById()这个是标准方法,兼容性好,all集合只是IE所特有的
2,清空使用document.getElementById("idContent").innerHTML  = "";对于你的第二个问题,我把form标签给去了就没事了,汗.....

Answer 2

1.document.all.id.value;
document.body.all("name").value;
这两个只针对ie,以后估计要淘汰的.
id.value;
这个我还真没见过.
document.getElementById(id).
这个是w3c推荐的用法,获取id为指定值的对象.你那个.value 是调用对象的value属性,要求对象必须有value 属性才可.
document.getElementByName(name).
根据名称获取对象,也不常用了,因为现在对象一般靠id或标签来识别.
name.value;
同样的老用法,需要对象在最外层才可以.对于对象引用,常用的该是
document.getElementById()和document.Form1.Button1形式的用法
还有document.getElementsByTagName()2.document.getElementById("idContent").innerText = "";
这样用就可以了

Answer 3

日了,你把你的函数名给改了,改为只要不是reset就行了,加上FORM标签时,它默认引用为form对象了,你点BUTTON时,调用的是form.reset()方法而不是你定义的那个方法...

Answer 4

document.getElementById("idContent").innerHTML="";   也不行,刚才提问的时候疏忽了.
==================================================
经过测试发现,请问怎么回事?
function rest()        //按matrix的要求改成了rest()
{
document.body.all("tid").value="";//正常达到效果
//document.getElementById("tid").value="";提示对象不支持方法或属性document.getElementById("tauthor").value="";//正常可使用.document.body.all("idContent").innerHTML="";//正常达到效果
//document.getElementById("idContent").innerHTML="";提示对象不支持方法或属性.
}在页面中:
<form>
<asp:TextBox runat="server" ID="tid"></asp:TextBox>
<asp:TextBox runat="server" ID="tauthor"></asp:TextBox>
<DIV id="idContent" onblur="SaveHtml()"   contentEditable="true"><%=EditText%></DIV>
<input id="Button1"  onclick="rest()" type="button" value="重置" />
</form>

Answer 5

<script language="javascript">
function rest()
{
document.getElementById("tid").value = "";
document.getElementById("idContent").innerHTML = "";
}
</script>
<form>
<!-- 这里,我假设你的ASPX最后生成结果如下. -->
<input ID="tid" type="text"/>
<DIV id="idContent" contentEditable="true" style="width:200px;height:80px;overflow:auto;">fsdafsdafsdafsda</DIV>
<input id="Button1"  onclick="rest()" type="button" value="重置" />
</form>

Answer 6

在微软的脚本语句里是这样写的：
http://i3.microsoft.com/shared/core/1/js/library.jsfunction getObject(elementId)
{
if (document.getElementById)
{
return document.getElementById(elementId);
}
else if (document.all)
{
return document.all[elementId];
}
else if (document.layers)
{
return document.layers[elementId];
}
}从上面的代码里可以看出来，getElementById 是流行的做法，其他的估计是为了兼容旧版本的浏览器吧。