主頁 > 優(yōu)化推廣 > 關(guān)于innerhtml用法

關(guān)于innerhtml用法

發(fā)布時間：2010/8/3 16:53:17

innerhtml就是把內(nèi)容插入此對象的二個HTML代碼之間,并清空舊的中間的東東,   如a_id.innerHTML   =   "dddd";本來的<a>kkkk</a>變成<a>dddd</a>
      補(bǔ)充說明：
      就是在對象的的二個HTML格式符之間清空原來的內(nèi)容,再插入新內(nèi)容,而OUTERHTML是把對象本身包含子對象清空,然后在它這個位置插入新的內(nèi)容,而INNERTEXT卻是插入文本,當(dāng)包含有如<等HTML格式符的關(guān)鍵字符時,會自動轉(zhuǎn)義,反正你插入的內(nèi)容全顯示,而XHTML即當(dāng)做一段HTML來解釋,HTML格式代碼是不會顯示的,


下面是一個網(wǎng)上朋友弄的不錯的測試,


<html>
<head>
<title>無標(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這個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;

上一篇： [web編程]document對象詳解

下一篇： Linux學(xué)習(xí)步驟--截取自一封寫給MM學(xué)習(xí)linux的信

關(guān)于innerhtml用法

相關(guān)新聞推薦

石家莊網(wǎng)站建設(shè)的優(yōu)點(diǎn)

競價排名對SEO的影響

SEO網(wǎng)站優(yōu)化的八個步驟