IE6與IE7中，innerHTML獲取param的區(qū)別
更新時間：2009年03月15日 21:20:35 作者：
最近，在用一些web編輯器，發(fā)現(xiàn)插入一段mp3后，查看源代碼，object標簽中的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中：
復(fù)制代碼 代碼如下:
<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的“修飾”結(jié)果是它給了我們相當完善的param代碼，IE7中則是將param代碼刪除。這種差異給我們網(wǎng)頁編寫代碼的帶來很多麻煩。解決辦法，還在構(gòu)思中。希望有遇到該問題的朋友一起來討論。
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- 僅IE6/7/8中innerHTML返回值忽略英文空格的問題
- Javascript在IE下設(shè)置innerHTML時出現(xiàn)未知的運行時錯誤的解決方法
- 解決IE下select標簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- innerHTML 和 getElementsByName 在IE下面的bug 的解決
- IE bug table元素的innerHTML
- JS 動態(tài)獲取節(jié)點代碼innerHTML分析 [IE,FF]
- IE 下的只讀 innerHTML
- IE innerHTML,outerHTML所引起的問題
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
相關(guān)文章
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章介紹了動態(tài)改變div的z-index屬性的簡單實例，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了JavaScript實現(xiàn)梯形乘法表的方法,涉及基本javascript結(jié)合表格操作的技巧,需要的朋友可以參考下2015-04-04
下雪了，這篇文章主要介紹了javascript實現(xiàn)雪花飛舞，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript輸出所選擇起始與結(jié)束日期的方法
這篇文章主要介紹了JavaScript輸出所選擇起始與結(jié)束日期的方法,涉及javascript結(jié)合HTML5元素操作日期運算的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)圖片預(yù)覽裁剪插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
JavaScript基于querySelector?/?querySelectorAll對元素的操作(DOM?AP
這篇文章主要介紹了JavaScript基于querySelector?/?querySelectorAll對元素的操作(DOM?API掃盲),本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
總結(jié)分享10 個超棒的 JavaScript 簡寫技巧
這篇文章主要總結(jié)分享10 個超棒的 JavaScript 簡寫技巧，有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧，需要的朋友可以參考一下2022-06-06
本篇文章主要介紹了js實現(xiàn)九宮格的隨機顏色跳轉(zhuǎn)的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
js實現(xiàn)動態(tài)添加、刪除行、onkeyup表格求和示例
動態(tài)添加、刪除行想必大家并不陌生，下面為大家介紹通過js是如何實現(xiàn)的，有此需求的朋友可不要錯過了哈2013-08-08