innerHTML在IE中報(bào)錯(cuò)解決方案
問(wèn)題：開(kāi)發(fā)過(guò)程中，用到循環(huán)往table里面插入tr標(biāo)簽，然后tr里又循環(huán)插入td，在其它瀏覽器都沒(méi)問(wèn)題，但是在IE9及以下版本中都報(bào)錯(cuò)：
google上得到答案：由于我之前不知道錯(cuò)誤的原因，在百度找不到解決方法，后來(lái)用谷歌搜到了，外國(guó)有人也遇到過(guò)這個(gè)問(wèn)題，并指出了問(wèn)題的所在：http://www.aachin.info/techen/error-on-ie-9-script600-invalid-target-element-for-this-operation/?amp;utm_source=rss&utm_medium=rss&utm_campaign=error-on-ie-9-script600-invalid-target-element-for-this-operation
演示代碼：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>默認(rèn)標(biāo)題</title>
</head>
<body>
<table id="mytable" border="1" cellpadding="1" cellspacing="0">
<tr>
<td>222</td>
</tr>
</table>
<script type="text/javascript">
var mytable = document.getElementById('mytable');
var tr = mytable.getElementsByTagName('tr')[0];
var td = mytable.getElementsByTagName('td')[0];
//讀取innerHTML（IE任何版本都不報(bào)錯(cuò)，IE6未測(cè)）
alert(mytable.innerHTML);
alert(tr.innerHTML);
alert(td.innerHTML);
//寫(xiě)入innerHTML
// mytable.innerHTML = '<tr><td>11111</td></tr>'; //IE9及以下報(bào)錯(cuò)
// tr.innerHTML = '<td>11111</td>'; //IE9及以下報(bào)錯(cuò)
// td.innerHTML = '11111'; //所有版本不報(bào)錯(cuò)（IE6未測(cè)）
//解決方法，使用DOM的原始操作方法或者表格操作方法
// var btnRow = mytable.insertRow();
// var cell = btnRow.insertCell(btnRow.getElementsByTagName('td').length);
// cell.innerHTML = "some html text";
</script>
</body>
</html>
得出結(jié)論：IE9及以下版本的table以及tr的innerHTML屬性都是只讀的，你可以用它讀取table或者tr中的值，但不能寫(xiě)入，寫(xiě)入就報(bào)錯(cuò)，另外在IE9及以下版本中td的innerHTML可讀可寫(xiě)。解決方法：使用原始的DOM操作方法或者表格操作方法見(jiàn)演示代碼。
- javascript innerHTML、outerHTML、innerText、outerText的區(qū)別
- innerhtml用法 innertext用法 以及innerHTML與innertext的區(qū)別
- IE6-IE9不支持table.innerHTML的解決方法分享
- innerHTML與jquery里的html()區(qū)別介紹
- 放棄用你的InnerHTML來(lái)輸出HTML吧 jQuery Tmpl不詳細(xì)講解
- js innerHTML 改變div內(nèi)容的方法
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
- innerHTML動(dòng)態(tài)添加html代碼和腳本兼容多個(gè)瀏覽器
相關(guān)文章
這篇文章主要介紹了詳解webpack2異步加載套路,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Javascript和Java、C這些語(yǔ)言不同，它是一種無(wú)類型、弱檢測(cè)的語(yǔ)言。它對(duì)變量的定義并不需要聲明變量類型，我們只要通過(guò)賦值的形式，可以將各種類型的數(shù)據(jù)賦值給同一個(gè)變量2012-01-01
javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
輸出json數(shù)據(jù)，php的print_r函數(shù)可以輕松實(shí)現(xiàn)，下面為大家介紹下javascript也可以模仿print_r函數(shù)輸出json數(shù)據(jù)，具體實(shí)現(xiàn)如下，感興趣的朋友可以了解下2013-09-09
毫秒轉(zhuǎn)時(shí)間的方法有很多，在本文將為大家介紹下js中是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了javascript如何判斷是否按回車鍵并解決瀏覽器之間的差異問(wèn)題,需要的朋友可以參考下2014-05-05
跟我學(xué)習(xí)javascript的prototype,getPrototypeOf和__proto__
跟我學(xué)習(xí)javascript的prototype,getPrototypeOf和__proto__，深入學(xué)習(xí)了三個(gè)用來(lái)訪問(wèn)prototype的方法，感興趣的小伙伴們可以參考一下2015-11-11
在web頁(yè)面中，我們經(jīng)常需要通過(guò)修改樣式（style）來(lái)達(dá)到更好的用戶體驗(yàn)，需要的朋友可以參考下。2010-10-10
laydate如何根據(jù)開(kāi)始時(shí)間或者結(jié)束時(shí)間限制范圍
這篇文章主要為大家詳細(xì)介紹了laydate根據(jù)開(kāi)始時(shí)間或者結(jié)束時(shí)間限制范圍的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
JS中實(shí)現(xiàn)一個(gè)下載進(jìn)度條及播放進(jìn)度條的代碼
這篇文章主要介紹了JS中實(shí)現(xiàn)一個(gè)下載進(jìn)度條及播放進(jìn)度條的代碼,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
微信小程序 配置頂部導(dǎo)航條標(biāo)題顏色的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序 配置頂部導(dǎo)航條標(biāo)題顏色的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09