jQueryを使わずにJavaScriptのDivタグからテキストを取得する方法は?

JavaScript で Div タグからテキストを取得するための代替方法

jQuery を使用して div タグのテキスト コンテンツを取得するのは一般的なアプローチですが、それは確かに一般的なアプローチではありません。唯一のオプション。 JavaScript は、外部ライブラリに依存せずにテキストを効果的に抽出できるネイティブ メソッドを提供します。

この目的のための主要なメソッドの 1 つは、textContent プロパティです。タグや属性を含む要素の HTML コンテンツ全体を返す innerHTML とは異なり、textContent はテキスト コンテンツのみを取得します。

その使用法を示す例を詳しく見てみましょう。

<code class="js">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

このシナリオでは、textContent プロパティが t 変数に割り当てられ、その後、alert() 関数の呼び出し時に、ID が「superman」の div からプレーン テキストが表示されます。

textContent プロパティは、 innerHTML と同様に、子ノードのないテキスト ノードと要素はテキスト コンテンツと見なされます。 div 要素に複数のネストされた要素または複雑なマークアップが含まれている場合は、textContent に依存しないでください。目的のテキストが正確にキャプチャされない可能性があります。

以上がjQueryを使わずにJavaScriptのDivタグからテキストを取得する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。