IE6与IE7中，innerHTML获取param的区别

150 阅读 0 评论 99 点赞

我是靠谱客的博主虚心白昼，最近开发中收集的这篇文章主要介绍IE6与IE7中，innerHTML获取param的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

代码：

复制代码代码如下:

<html> 
<head> 
<script type="text/javascript"><!-- 
function setMode(newMode) 
{ 
var text1=document.getElementById("text1"); 
var cont; 
bTextMode = newMode; 
if (bTextMode) { 
cont=text1.innerHTML; 
text1.innerText=cont; 
} 
else { 
cont=text1.innerText; 
text1.innerHTML=cont; 
} 
} 
// --></script> 
</head> 
<body> 
<div> 
<input id="EditMode" onClick="setMode(this.checked)" type="checkbox"> 
查看HTML源代码</div> 
<div id=text1 name=text1> 
<object width=500 height=300 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95> 
<param name=Filename value=text.mp3> 
</object> 
</div> 
</html>

在IE6下浏览：

而在IE7中：

IE7把object中的param标签都给删除，这让我们很不解。在通过innerHTML获取object以及其中的HTML代码的时候，它并不是纯粹将原来的代码提取出来，而是有“修饰”的。在IE6的“修饰”结果是它给了我们相当完善的param代码，IE7中则是将param代码删除。这种差异给我们网页编写代码的带来很多麻烦。解决办法，还在构思中。希望有遇到该问题的朋友一起来讨论。