天天看點

innerHTML IE bug未知的錯誤

  項目裡要用到添加更多的功能。基本實作是這樣的。截個圖看下:

innerHTML IE bug未知的錯誤

點選添加更多的時候新加一行:代碼大緻如下:

<tr>
				<td class="label">版本号</td>
				<td>
					<input type="text" name="appversion" id="appversion" value=""/>
					<span class="required-field">*</span>
				</td>
			
				<td class="label">MD5值</td>
				<td><input type="text" name="md5" id="md5" value=""/>
					<span class="required-field">*</span><input type="button" οnclick="addMore();" value="添加更多"/>
				</td>
			</tr>
           

 js部分:

addMore 寫道  

function addMore(){
				var num=document.getElementById("num").value;
				var newNum=(num-0)+1;
				document.getElementById("num").value=newNum;
				var obj=document.getElementById("tempDiv");
				var out="<table class='form-table' cellspacing='1'><tr><td class='label'>版本号</td>"+
				"<td>"+
					"<input type='text' name='appversion"+num+"' id='appversion"+num+"' value=''/>"+
					"<span class='required-field'>*</span>"+
				"</td>"+
				"<td class='label'>MD5值</td>"+
				"<td><input type='text' name='md5"+num+"' id='md5"+num+"' value=''/>"+
					"<span class='required-field'>*</span><input type='button' οnclick='addMore();' value='添加更多'/>"+
				"</td></tr></table><br/>";
				obj.innerHTML+=out;
			}      

 采用div作為容器:

div 寫道 <div id="tempDiv">

</div>

 在火狐,opera裡是不會報錯的的,但在IE裡還是會報錯。搜尋了以下,别人說是應為IE對容器的處理不好!據說DIV,TD,SPAN可以的,但我這裡DIV還是報錯!懷疑網上的說法,我用的是IE6,但TD這個是可以的。我試過了!

容器換TD

TD 寫道 <tr>

<td id="tempDiv" colspan="4"></td>

</tr>

 這樣是沒有報錯的。!