zoukankan      html  css  js  c++  java
  • innerText,outerText,innerHTML,outerHTML

    改变html文档中的内容非常简单,这里提供四个属性,innerText,outerText,innerHTML,outerHTML。
       innerText就是改变标签当中的内容,纯文本
       innerHTML是改变标签中的内容,可以包含html标签
       outerText是改变包含标签的内容,也就是替换了标签,纯文本
       outerHTML是改变包含标签在内的内容,也是替换标签,可以包含html代码
       例:
       <H1 id=myH1>Dynamic Content is Very Cool!</H1>
        用innerText:
        document.all.myH1.innerText = "DHTML is Very Cool"
        变成:
       <H1 id=myH1>DHTML is Very Cool</H1>
      
        用innerHTML:
        document.all.myH1.innerHTML = "DHTML is <I>Very</I> Cool!"
        变成:
      <H1 id=myH1>DHTML is <I>Very</I> Cool!</H1>

      用outerText:
       document.all.myspan.outerText = "DHTML is VERY Cool!"
       变成:
      DHTML is VERY Cool!

       用outerHTML:
      document.all.myH1.outerHTML = "<SPAN STYLE=’height:0;200;FILTER:Shadow(color=#00FF00)’>RICH HTML</SPAN>
      变成:
      <SPAN STYLE=’height:0;200;FILTER:Shadow(color=#00FF00)’>RICH HTML</SPAN>

     

  • 相关阅读:
    ngInclude与script加载模板
    ng-model-options
    angular模板加载 ----ng-template
    ngBind ngBindTemplate ngBindHtml
    ng-switch
    ng-show与ng-if区别
    运维教给我什么
    路漫漫其修远兮,吾将上下而求索
    那些让我们继续坚持下去句子
    随手记
  • 原文地址:https://www.cnblogs.com/0000/p/1622341.html
Copyright © 2011-2022 走看看