JS--ノードの値を取得・設定

ノードの値を取得・設定

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【ノードの値を参照する】
Node オブジェクトの nodeValue プロパティを参照するとノードの値を取得することができます。

書式；node.nodeValue

戻り値はノードの値が DOMString オブジェクトで戻されます。どのような値が返されるのかはノードの種類によって異なっています。

例えばノードの種類が TEXT_NODE (テキストノード) の場合、テキストノードに含まれるテキストが返されます。

サンプル

ブラウザを立ち上げる

ボタンを押すと、 p タグのノードをすべて取得します。そのあとで、 p タグの子ノードであるテキストノードを取得するためにそれぞれの最初の子ノードを取得します。最後にテキストノードのノードの値を取得し、コンソールに出力しています。

以上

【ノードの値を設定する】
Node オブジェクトの nodeValue プロパティは参照するだけではなく新しい値を設定することができます。

書式；node.nodeValue = 'value'

サンプル--下記のところだけ変更

ブラウザを開ける

ボタンを押すと、【】が表示される