今天在给一个朋友建设网站时,做一个图片显示效果页面时,发现有段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才行。