innerhtml就是把內(nèi)容插入此對(duì)象的二個(gè)HTML代碼之間,并清空舊的中間的東東, 如a_id.innerHTML = "dddd";本來(lái)的<a>kkkk</a>變成<a>dddd</a>
補(bǔ)充說(shuō)明：
就是在對(duì)象的的二個(gè)HTML格式符之間清空原來(lái)的內(nèi)容,再插入新內(nèi)容,而OUTERHTML是把對(duì)象本身包含子對(duì)象清空,然后在它這個(gè)位置插入新的內(nèi)容,而INNERTEXT卻是插入文本,當(dāng)包含有如<等HTML格式符的關(guān)鍵字符時(shí),會(huì)自動(dòng)轉(zhuǎn)義,反正你插入的內(nèi)容全顯示,而XHTML即當(dāng)做一段HTML來(lái)解釋,HTML格式代碼是不會(huì)顯示的,
下面是一個(gè)網(wǎng)上朋友弄的不錯(cuò)的測(cè)試,
<html>
<head>
<title>無(wú)標(biāo)題</title>
<head>
<body>
在下面輸入你要替換的內(nèi)容,文本或HTML
<textarea id=mytext style="width:100; height:200"></textarea>
<input type=button value=innerHTML onclick=myreplace(this.value)>
<input type=button value=innerText onclick=myreplace(this.value)>
<input type=button value=outerHTML onclick=myreplace(this.value)>
<input type=button value=outerText onclick=myreplace(this.value)>
<script language ='javascript'>
<!--
function myreplace(how)
{
if(document.getElementByIdx("show") == null)
document.body.AdjacentHTML( 'beforeEnd', "<div id=show title=顯示區(qū)域><input value=顯示區(qū)域></div>");
switch(how)
{
case "innerHTML":
alert("未使用INNERHTML前的SHOW這個(gè)DIV的HTML代碼如下:\n" + show.outerHTML);
show.innerHTML = mytext.value;
alert("使用INNERHTML的SHOW這個(gè)DIV的HTML代碼如下:\n" + show.outerHTML);
break;
case "innerText":
alert("未使用INNERtext前的SHOW這個(gè)DIV的HTML代碼如下:\n" + show.outerHTML);
show.innerText = mytext.value;
