innerHTML在火狐中的显示问题

最新推荐文章于 2021-06-27 23:25:50 发布

huangyunbin90

最新推荐文章于 2021-06-27 23:25:50 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huangyunbin90/article/details/83953820

本文介绍了一段用于实现跨浏览器图片预览功能的JavaScript代码。针对不同浏览器对innerHTML属性的不同要求，文中给出了适用于IE和Firefox等浏览器的代码修改方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

改前的代码：
-------------------------------------------------------------------------------------------------------------------
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下严格，在[size=large]firefox下必须用getElementByid获得ID才行。[/size]