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.
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;
仕様書
Specification |
---|
DOM Standard # dom-node-nodevalue |
ブラウザーの互換性
BCD tables only load in the browser