IE和Firefox中Iframe的互操作问题

在编译客户端javascript时，IE和firefox(以下简称FF）的一些细节总是让人头痛，特别是在FF中，如果出错了，还没有错误提示，感觉两者都不是怎么遵循W3C标准。昨天就遇到一个操作IFRAME的问题。
　　问题是这样的，一般我们在取都是通过document.getElementById()取得，不管在IE还是FF中都能用，所以我主习惯性的使用此方法获取Iframe中的元素：

function setTitle(title)
{
var titleIframe = document.getElementById("titleIframe");
var iframeTitle = titleIframe.document.getElementById("iframeTitle");

iframeTile.value = title;
}

这段代码在IE中是没有问题没有问题的，可是到了FF中却无法正常运行，而且FF没有自带调试器，后来到网上找到一个叫venkman的调试器（不太好用）才得以跟踪，感觉FF做开发还不是那么顺手。进去以后才发现，原来第4行返回的值为null，也就是无法找到iframeTitle标签，百思不得奇解，仔细看了看，语法上没有错呀，而且HTML文档中也有相差的元素。最后用venkman一步一步跟踪到第4行，发现titleIframe.document居然为空，同时也找不到titleIframe.window。
　　原来在FF中IFRAME的“document”不叫document，改名叫contentDocument, "window"改名叫contentWindow，这就是区别了，将第4行改为var iframeTitle=titleIframe.contentDocument.getElementById("iframeTitle")即可。可是这样的话到IE中又无法正常运行了，没办法，只有加上一个判断代码了，在IE中用原来的那一行，FF中新的这一行。

　　IE和FF很多细节上存在不兼容性问题，这是大家都知道的，网上查了一下，没有人列出这些细节来，如果要做到程序在IE和FF中都能正常运行，那么得多在两个浏览器中调试一下，只有通过不断的去“试”，积累经验，才能写出通用性更好的代码。