innerText,innerHTML,outerText,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.myH1.outerText = "DHTML is VERY Cool!"
   变成:
  DHTML is VERY Cool!

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

你可能感兴趣的:(职场,innerHTML,innerTEXT,休闲,outerText)