element.nodeValueは、ノードの内容を取得、もしくは、設定するプロパティ。
構文
var $nodeValue = $nodeReference.nodeValue;
戻り値
ノードの内容。
例えば、テキストであればテキストの内容、HTML要素であれば「null」を返す。
サンプル
- 項目Ａ
- 項目Ｂ
- 項目Ｃ
リスト項目の各内容：
サンプルの動作について
「getNodeValue()」ボタンをクリックすると、「リスト項目の各内容：」の右横に「項目Ａ, 項目Ｂ, 項目Ｃ, 」と表示する。
サンプルのソースコード
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>
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>項目Ａ</li><li>項目Ｂ</li><li>項目Ｃ</li></ul>
<button onclick="getNodeValue();">getNodeValue()</button>
<p>リスト項目の各内容：<span id="sampleOutput1"></span></p>
<button onclick="getNodeValue();">getNodeValue()</button>
<p>リスト項目の各内容：<span id="sampleOutput1"></span></p>