このガイドでは、JavaScript の HTML DOM 要素「nodeValue」プロパティについて説明します。
JavaScript の HTML DOM 要素の「nodeValue」プロパティとは何ですか?
DOM (ドキュメント オブジェクト モデル) 要素「 ノード値 」は、ノードの値を設定および取得する便利なプロパティです。指定されたノードが要素ノードを参照している場合、このメソッドは「null」を返します。このプロパティは、ノードがテキスト ノードで囲まれている場合、ノードのテキストも返します。戻り値はノードの種類によって異なります。
構文 (「nodeValue」を設定)
ノード。 ノード値 = 価値
上記の構文には「」が必要です。 価値 」を希望のノードに設定します。
構文 (「nodeValue」を返す)
ノード。 ノード値
この指定された構文は「」を返します。 ヌル ” 要素ノードとドキュメント ノードの値、” 文章 コメントおよびテキストノードの場合は「」、および「 属性 ” 属性ノードの場合。
前述の例を使用して、上記で定義したプロパティを実装してみましょう。
例: DOM 要素の「nodeValue」プロパティを適用して要素のテキストを取得する
この例では、「nodeValue」プロパティを適用して、作成されたボタンのテキストを取得します。
HTMLコード
まず、以下のコードを見てください。
< ボタン > 新しいボタン。 < / ボタン >< p ID = 'ために' >< / p >
上記のコード行では次のようになります。
- ” <ボタン> ”タグでボタンを追加します。
- ” 」タグは、ID「para」を持つ空の段落を埋め込みます。
JavaScript コード
次に、以下の JavaScript コードに従います。
< 脚本 >定数 エレメント = 書類。 getElementsByTagName ( 'ボタン' ) [ 0 】 ;
結果を出しましょう = エレメント。 子ノード [ 0 】 。 ノード値 ;
書類。 getElementById ( 'ために' ) 。 内部HTML = ' ノード値は次のとおりです: ' + 結果 ;
脚本 >
上記のコード行では次のようになります。
- まず、「」を適用する変数「elem」を宣言します。 getElementsByTagName() 」メソッドを使用して、インデックス「0」に配置されたタグ名によって要素にアクセスします。
- 次に、「結果」変数は「 ノード値 ” プロパティは” にリンクされています 子ノード 」プロパティを使用して、特定の子ノードの値を取得します。
- 最後に、「 getElementById() 」メソッドは、ID「para」を使用して空の段落にアクセスし、「result」変数の値、つまりボタンのテキストを追加します。
出力
出力には、作成された「
結論
JavaScript では、「 ノード値 HTML DOM の「」プロパティは、ノード値プロパティの設定と取得に役立ちます。このプロパティの戻り値はノード タイプによって異なります。このプロパティには、要素やドキュメントの値は表示されません。このガイドでは、JavaScript の HTML DOM 要素の「nodeValue」プロパティについて簡単に説明しました。