innerText / textContentプロパティ

指定した要素内から、HTMLタグを無視し、純粋な(プレーンな)テキストだけを取り出す、又は設定する。 
FireFoxはinnerTextに対応しておらず、代わりにtextContentを使う

 ・改行、空白スペースは維持される(FireFoxは改行を無視)

Sample

innerTextプロパティ

FireFoxでは「textContent」プロパティを使います。
HTMLタグを無視し、純粋な(プレーンな)テキストだけを取り出す、又は設定する。

  [ホーム]

innerText
textContentを使い        --- --→
   ←-- ----


 ←
 (innerHTMLを使う)

酒の名言

酒はいいものだ。実においしくて。毒の中では一番いいものだ。(葛西善蔵)


     チャンもそう思う

  

  

  

  

  

  

  

    

Sample Source......................................................................>>>

<script language="JavaScript"><!--
 var dv1_ori = "";
 var dv2_ori = "";
 window.onload = function (){       //元に戻すために、内容をinnerHTMLを使い記録しておく
    dv1_ori = document.getElementById("dv1").innerHTML;
    dv2_ori = document.getElementById("dv2").innerHTML;
 }

 function InnerText1(){    //右へ転記する場合
  var elem = document.getElementById("dv1");
  if(elem.innerText !== undefined){   //FireFox以外用
     document.getElementById("dv2").innerText = elem.innerText;     //FireFox以外用
  }
  if(elem.textContent !== undefined){   //FireFox用
     document.getElementById("dv2").textContent = elem.textContent;   //FireFox用
  }
 }

 function InnerText2(){    //左へ転記する場合
  var elem = document.getElementById("dv2");
  if(elem.innerText !== undefined){
     document.getElementById("dv1").innerText = elem.innerText;     //FireFox以外用
  }
  if(elem.textContent !== undefined){
     document.getElementById("dv1").textContent = elem.textContent;   //FireFox用
  }
 }

 function InnerText3(){    //両方元に戻す
     document.getElementById("dv1").innerHTML = dv1_ori;
     document.getElementById("dv2").innerHTML = dv2_ori;
 }
//--></script>
</head>

<body>
<div id="dv1" style="position:absolute;top:200px;left:10px;width:220px;height:200px;border:1px solid green">
  <p style="font:14px 'Arial BlackArial Black';color:red;text-align:center;border:1px solid green">innerTextプロパティ<p>
  <p>FireFoxでは「<font color="#00cc00">textContent</font>」プロパティを使います。<br>HTMLタグを無視し、
        純粋な(プレーンな)テキストだけを取り出す、又は設定する。</p>
  <a href="../../index.html" target="_blank">[ホーム]<img src="../../images/botan/home.gif" >へ</a>
</div>

<div style="position:absolute;top:200px;left:235px;width:150px;height:200px"><br>
   innerText<br>textContentを使い;---<button onclick="InnerText1()">転記</button>--→<br>
   ←--<button onclick="InnerText2()">転記</button>----<br>
   ←<button onclick="InnerText3()">両方元に戻す</button>→
</div>

<div id="dv2" style="position:absolute;top:200px;left:390px;width:250px;height:200px;border:1px solid green">
   <p><font color="#cc0000">酒の名言</font></p>酒はいいものだ。実においしくて。
                        毒の中では一番いいものだ。(葛西善蔵)<br>
   <img src="../../images/anime/16.gif" width="32" height="38" border="0">チャンもそう思う
</div>  


(最終更新:12/12/27)
フレーム構成になっています・・・<[ホーム] >> [HTML整理ノート]>