innerHTML在火狐中的显示问题

innerHTML在火狐中的显示问题

    今天在给一个朋友建设网站时,做一个图片显示效果页面时,发现有段JS代码在IE下显示正常,在firefox里却失去了作用,经过仔细研究与分析才发现是innerHTML的问题,现在将代码贴出来,分享给大家,以免少走弯路。

修改前的代码:
-------------------------------------------------------------------------------------------------------------------
 function seeBig(thispic) {
 document.all.viewPic.innerHTML='<img src='+thispic+' width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>'
 }
------------------------------------------------------------------------------------------------------------------

修改后的代码:
------------------------------------------------------------------------------------------------------------------
 function seeBig(thispic) {
document.getElementById("viewPic").innerHTML='<img src='+thispic+' width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>'
}
------------------------------------------------------------------------------------------------------------------
通过上面的代码片段,大家可以看出,在IE下对innerHTML要求没有在firefox下严格,在firefox下必须用getElementByid获得ID才行。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据