HTML DOM Element nodeValue 属性

定義と使用方法

nodeValue 属性はノードの値を設定または返します。

要素ノードの場合、 nodeValue 属性は null

注意：要素のテキストを返す場合は、テキストは常に Text ノード内にあり、Text ノードのノード値を返す必要があります：

element.childNodes[0].nodeValue

他のノードタイプの場合、nodeValue 属性は異なるノードタイプに対して異なる値を返します。

代替案：

textContent 属性

innerText 属性

innerHTML 属性

参照も：

nodeName 属性

nodeType 属性

tagName 属性

childNodes 属性

インスタンス

例 1

ドキュメント内の最初の<button>要素のノード値を返します：

document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;

実際に試してみる

例 2

"myDIV"の最初の子节点のノード名、値、およびタイプを取得：

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

実際に試してみる

文法

node 値を返す：

node.nodeValue

node 値を設定：

node.nodeValue = value

属性値

値 説明
value ノード値。

返り値

タイプ 説明
文字列

ノード値。

  • 要素およびドキュメントノードは null を返します
  • 属性ノードが属性値を返します
  • テキストノードがテキスト内容を返します
  • コメントノードがテキスト内容を返します

ブラウザのサポート

element.nodeValue DOM レベル 1 (1998) 特性です。

すべてのブラウザで完全にサポートされています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート