innerHTMLプロパティでDEVタグの値を変える

By in 工事中エリア on 2013/07/14


結果



ソース

<div id=”test2″></div>
<script type=”text/javascript”>// <![CDATA[
document.getElementById(“test2″).appendChild(document.createTextNode(“Hello World3″));
document.getElementById(“test2″).innerHTML=”Hello World2″;
// ]]></script>
<!–more–>

innerHTMLプロパティは実際には W3C DOM 仕様の一部ではありませんが、要素の内容を完全に置き換える簡単な手段を提供します。このプロパティには公式な仕様が無いため、各実装には大きな隔たりがあります。例えば、テキスト入力欄 (HTML の input 要素など) にテキストが入力された場合、IE は input の innerHTML プロパティの value 属性を変更しますが、Gecko ブラウザは変更しません。

決してこれでテーブルの部品を書くべきではありません—W3C DOM メソッドを使うべきです — が、テーブル全体またはセルの内容を書くのに使うことは出来ます。element.innerHTML

Comments are closed.