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 July 2015.

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

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

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

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

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

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;

仕様書

Specification
DOM Standard
# dom-node-nodevalue

ブラウザーの互換性

BCD tables only load in the browser