关于innerhtml的解释

关于innerhtml的解释       简单的说:        innerhtml就是把东东插

大家好,欢迎来到IT知识分享网。关于innerhtml的解释       简单的说:

       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.getElementById(“show”)   ==   null)  

                  document.body.insertAdjacentHTML(   ‘beforeEnd’,   “<div   id=show   title=显示区域><input   value=显示区域></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;  

                  alert(“使用INNERtext的SHOW这个DIV的HTML代码如下:\n”   +   show.outerHTML);  

                  break;  

              case   “outerHTML”:  

                  alert(“未使用outerhtml前的SHOW这个DIV的HTML代码如下:注意,用这个后,SHOW对象将不存在\n”   +   document.body.outerHTML);  

                  show.outerHTML   =   mytext.value;  

                  alert(“使用outerHTML的SHOW这个DIV的HTML代码如下:\n”   +   document.body.outerHTML);  

                  break;  

              case   “outerText”:  

                  alert(“未使用outertext前的SHOW这个DIV的HTML代码如下:注意,用这个后,SHOW对象将不存在\n”   +   document.body.outerHTML);  

                  show.outerText   =   mytext.value  

                  alert(“使用outertext的SHOW这个DIV的HTML代码如下:\n”   +   document.body.outerHTML);  

                  break;  

        }    

  }  

  //–>  

  </script>  

  下面为效果显示区域:  

  </body>  

  </html>  

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/31966.html

(0)
上一篇 2023-11-12 11:45
下一篇 2023-11-16 15:45

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信