javascript动态刷新的兼容问题

在div中有一个,我要在其中动态插入option的数据，代码示例如下：

在javascript中，我这样写的：

function 1(){ var d1 = document.getElementById("d1"); d1.innerHTML =" <select id=\"node\"></select>" } function 2(){ var node = document.getElementById("node"); node.innerHTML="<option value=.......>"(这句是我动态从数据库中获取并拼好插入到select中 }

以上实例在FF中实现很好，但是在IE中却不能显示，错误提示："null"为空或不是对像，请问怎么解决？我自己的感觉是在画页面的时候，还未画好，就去得node的值，所以取不到，但是如何才能解决这个问题呢？我虽然是用ajax取的数据，但是和画页面应该没有太大的关系吧！请指点！

function 1和function 2不能够同时调用.即function 1执行完毕后直接调用function 2.

在Firefox中可能没问题,但在IE中,当执行function 2时,d1.innerHTML=""才刚执行完,;select标签还未生成,就调用了function 2,所以node得不到值.这也是IE一个很著名的BUG了.[url=http://www.iteye.com/topic/200401]这篇帖子[/url]里有提到过.

一个很诡异的解决办法.
[code="js"]func1();
setTimeout(function(){
func2();
},0);//使用setTimeout,延时执行func2[/code]
关于延迟时间为0秒的setTimeout,可以Google一下相关资料.

BTW:方法名别用数字了,看着怪别扭的.

[code="java"]
function 2(){
var node = document.getElementById("node");
if(node){
for(){
node.options[node.options.length] = new Option("text","value");
}
}
}

[/code]
试试看

你的function1是

这样调用的吗,同时function2应该在页面加载完成之后再调用。

建议使用prototype.js，很好的实现了ajax的封装，各浏览器之间的兼容