新手问题：JavaScript中getElementById()为空或不是对象怎么解决

0 0

新手问题：JavaScript中getElementById()为空或不是对象怎么解决20

test.js

var ie = WScript.createobject("InternetExplorer.Application");
var eoms1 = "http://xxx.com/url1/";
var eoms2 = "http://xxx.com/url2/";
ie.Navigate(eoms1);
SynchronizeIE();//等待ie加载完成
var doc = ie.document;
var bb = doc.getElementsByName("submit");
doc.forms[0].j_username.value = "xxxxx";
doc.forms[0].j_password.value = "xxxxx";
bb[0].click();  
//上面自动登陆该网站，可正确执行

SynchronizeIE();//等待ie加载完成
ie.Navigate(eoms2);
SynchronizeIE();//等待ie加载完成
var doc2 = ie.document;
ie.Visible = true;
SynchronizeIE();//等待ie加载完成
var dutyDOM = doc2.getElementById("dutymain").getElementById("topbar1").getElementsByTagName("td");
这里出错，提示"doc2.getElementById()为空或不是对象！"
dutyDOM[1].fireEvent("onclick");
SynchronizeIE();

function SynchronizeIE() {                //等待ie加载完成
    while(ie.Busy) {
        WScript.Sleep(100);
    }
}

xxx.com/url2查看到的源代码：

<DIV [color=#FF0000]id=dutymain[/color]><TABLE width="100%" border=0 
xmlns:msxsl="urn:schemas-microsoft-com:xslt" 
xmlns:user="http://mycompany.com/mynamespace" 
xmlns:xslt="http://www.w3.org/TR/WD-xsl">
<TBODY>
<TR>
<TD vAlign=top>
<DIV id=toolBar>
<TABLE id=topbar1 
style="BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; FONT-SIZE: 12pt; BORDER-LEFT: 1px outset; BORDER-BOTTOM: 1px outset" 
borderColor=#f5f5f1 height=35 cellSpacing=2 cellPadding=0 width=120 
bgColor=#c0cef3 border=0>
<TBODY>
<TR>
<TD onmousedown="this.style.border='2 #cccccc inset';" 
onmouseover="this.style.border='2 #eeeeee outset';this.style.cursor='hand'" 
style="BORDER-RIGHT: #ffffff 2px; BORDER-TOP: #ffffff 2px; BORDER-LEFT: #ffffff 2px; CURSOR: hand; BORDER-BOTTOM: #ffffff 2px" 
onclick=self.print(); onmouseout="this.style.border='2 #ffffff'" vAlign=center 
noWrap><IMG src="http://xxx.com/url11/images/print.gif" border=0><FONT 
color=darkblue>打印</FONT></TD></TR>
<TR class=topbar vAlign=center align=left>
<TD onmousedown="this.style.border='2 #cccccc inset';" 
onmouseover="this.style.border='2 #eeeeee outset';this.style.cursor='hand'" 
style="BORDER-RIGHT: #ffffff 2px; BORDER-TOP: #ffffff 2px; BORDER-LEFT: #ffffff 2px; CURSOR: hand; BORDER-BOTTOM: #ffffff 2px" 
onclick="getDutyWork('DUTY_WORK_CHECK')" 
onmouseout="this.style.border='2 #ffffff'" vAlign=center noWrap><IMG 
src="http://xxx.com/url11/images/filesselected.gif" border=0><FONT 
color=darkblue>巡检记录</FONT></TD></TR>
<TR>
<TD onmousedown="this.style.border='2 #cccccc inset';" 
onmouseover="this.style.border='2 #eeeeee outset';this.style.cursor='hand'" 
style="BORDER-RIGHT: #ffffff 2px; BORDER-TOP: #ffffff 2px; BORDER-LEFT: #ffffff 2px; CURSOR: hand; BORDER-BOTTOM: #ffffff 2px" 
onclick="getDutyWork('DUTY_WORK_AFFAIR')" 
onmouseout="this.style.border='2 #ffffff'" vAlign=center noWrap><IMG 
src="http://xxx.com/url11/images/menu_link_default.gif" border=0><FONT 
color=darkblue>事务记录</FONT></TD></TR>
.....下面还有

xxx.com/url2 页面中之间的代码是加载另外一个xsl文件得到的
如果说页面没有加载完成，我手动点击那个连接是有效的啊

JavaScript

2010年1月26日 20:25

kaillera.ustc
10
0 0 0

7个答案按时间排序按投票排序

0 0

2010年2月03日 13:45

终点阿虎
17
0 0 0

添加评论

0 0

就是加载顺序问题。浏览器加载到这行语句doc2.getElementById("dutymain")的时候这个dutymain对象浏览器还没有加载。所示会报这种错误。
如果你把这句代码放到一个函数中。等页面加载完毕了再去执行这个函数就不会报错了。可以用window.onload事件来执行这个方法。

2010年2月03日 11:02

zhouguiping2008
3
0 0 3

添加评论

0 0

function $(id){
if(document.all){
return document.all[id];
}else{
return document.getElementById(id);
}

}
如果这样不行的话，建议lz找一个jquery的源码，研究一下jquery里面的对象是如何获取的

2010年2月03日 08:42

mp_juan
34
0 0 0

添加评论

0 0

js是纯解释型语言。
是按照游览器解析HTML页面的顺序进行执行的。
所以这点在开发的时候要特别注意。
如很多框架都提供了这样一个方法，用来判断页面的dom是否全部加载完成。
如jquery的

$(function(){
   alert('加载完毕');
})

2010年2月01日 07:31

natuever
63
0 0 0

添加评论

0 0

# var dutyDOM = doc2.getElementById("dutymain").getElementById("topbar1").getElementsByTagName("td");
不知道你这样写意图何在？

2010年1月27日 18:05

energykey
919
0 0 3

添加评论

0 0

doc2.getElementById("dutymain").getElementById("topbar1").getElementsByTagName("td");
这个语句doc2.getElementById("dutymain")得到的是一个<div>
而getElementById（""）是document对象才有的方法，<div>
并没有这个方法，所以doc2.getElementById("dutymain").getElementById("topbar1")应该是不对的吧！

2010年1月27日 11:22

wooli'anyune
2
0 0 0

添加评论

0 0

getElementById为空，除了这个ID不存在外，往往是因为js在该ID定义的html前就执行了的原因。

<script>
// 不在function内的js
getElementById("abc") // 这里会为空
</script>
<div id="abc"></div>
<script>
// 不在function内的js
getElementById("abc") // 这里不会为空
</script>

2010年1月27日 10:29