element.nodeValueプロパティ

element.nodeValueは、ノードの内容を取得、もしくは、設定するプロパティ。

構文

var $nodeValue = $nodeReference.nodeValue;

戻り値

ノードの内容。

例えば、テキストであればテキストの内容、HTML要素であれば「null」を返す。

サンプル

  • 項目A
  • 項目B
  • 項目C

リスト項目の各内容:

サンプルの動作について

「getNodeValue()」ボタンをクリックすると、「リスト項目の各内容:」の右横に「項目A, 項目B, 項目C, 」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function getNodeValue() {
 var $nodeReference = document.getElementById( "sample" );
 var $childNodes = $nodeReference.childNodes;
 var $childNodesName = "";
 for( i=0; i < $childNodes.length; i++ ){
  $childNodesName += $childNodes[i].childNodes[0].nodeValue + ", ";
 }
 document.getElementById( "sampleOutput1" ).innerHTML = $childNodesName;
}
</script>

HTML

<ul id="sample"><li>項目A</li><li>項目B</li><li>項目C</li></ul>
<button onclick="getNodeValue();">getNodeValue()</button>
<p>リスト項目の各内容:<span id="sampleOutput1"></span></p>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, ノード, プロパティ, リファレンス, 逆引き パーマリンク