innerhtml就是把內容插入此對象的二個HTML代碼之間,并清空舊的中間的東東, 如a_id.innerHTML = "dddd";本來的<a>kkkk</a>變成<a>dddd</a>
補充說明:
就是在對象的的二個HTML格式符之間清空原來的內容,再插入新內容,而OUTERHTML是把對象本身包含子對象清空,然后在它這個位置插入新的內容,而INNERTEXT卻是插入文本,當包含有如<等HTML格式符的關鍵字符時,會自動轉義,反正你插入的內容全顯示,而XHTML即當做一段HTML來解釋,HTML格式代碼是不會顯示的,
下面是一個網上朋友弄的不錯的測試,
<html>
<head>
<title>無標題</title>
<head>
<body>
在下面輸入你要替換的內容,文本或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這個DIV的HTML代碼如下:\n" + show.outerHTML);
show.innerHTML = mytext.value;
alert("使用INNERHTML的SHOW這個DIV的HTML代碼如下:\n" + show.outerHTML);
break;
case "innerText":
alert("未使用INNERtext前的SHOW這個DIV的HTML代碼如下:\n" + show.outerHTML);
show.innerText = mytext.value;