Node: nodeValue プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

nodeValue は Node インターフェイスのプロパティで、現在のノードの値を返したり設定したりします。

値

もしあれば、現在のノードの値を含む文字列です。文書自身においては、 nodeValue は null を返します。テキスト、コメント、 CDATA ノードでは、 nodeValue はノードの内容を返します。属性ノードにおいては、属性の値が返します。

以下の表はノードの種類別の返値を表しています。

ノード nodeValue の値

CDATASection	CDATA セクションの中身
Comment	コメントの中身
Document	null
DocumentFragment	null
DocumentType	null
Element	null
NamedNodeMap	null
ProcessingInstruction	対象を除く内容物全体
Text	テキストノードの中身

メモ: nodeValue が null になると定義されている場合は、設定しても効果がありません。

例

html
<div id="d1">Hello world</div>
<!-- コメントの例 -->
<output id="result">結果が出ていません。</output>

また、以下のスクリプトを参照してください。

js
let node = document.querySelector("body").firstChild;
let result = "<br/>ノード名:<br/>";
while (node) {
  result += `${node.nodeName} の値: ${node.nodeValue}<br/>`;
  node = node.nextSibling;
}

const output = document.getElementById("result");
output.innerHTML = result;