javascript兼容性问题如何解决？

下面这段代码，在ie浏览器中可以实现浅入效果，可是在火狐和谷歌中不行，那如何解决这个浏览器兼容性问题呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档 function Draw(text) { if(document.all){ content.filters[0].apply(); content.innerHTML="<span style='color:#FF0000;font-size:40px;"+"filter:revealTrans(Transition=12,Duration=3)'>"+text+"</span>"; content.filters[0].play(); } } function button1_onclick() { Draw(input1.value); }










document.all本身就是ie独有的方法，这还一贯被用来判断是否是ie浏览器呢！如果所有的js操作都用jquery来做的话，基本上是不用考虑兼容性问题了！

试试这个框架，[url]http://www.iteye.com/news/8316-javascript-compatibility-test[/url]

用filter应该是IE ONLY
拿JQUERY吧，兼容性基本不用考虑的

写了个IE能用的代码，想在CHROME下用，怎么可能呢。
直接使用JQUERY的效果就可以了。别费劲重新造轮子

如果是学习可以考虑自己实现，如果是为了完成工作用jquery吧