Javascript は div のコンテンツを取得します_javascript スキル

原則: innerText または innerHTML を使用します

コードをコピー コードは次のとおりです:

test

innerText と innerHTML は 2 つの非 DOM 標準メソッドです
違いは図に示すとおりです:
(画像では innerText である必要があります)


IE では、innerText メソッドと inner HTML メソッドの両方が正常に実行できます

ただし、FF の innerText は利用できませんただし、代替メソッドが 1 つあります: textContent

IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString;

Ajax の動作 著者の 1 人である Eric は、正規表現を使用した互換性のあるメソッドを実装しました。これは非常に興味深いものです
これがお役に立てば幸いです
少し笑います
ある日、秘書が昼休みに出勤しています。すると彼女は、上司が何のことやら分からない表情でシュレッダーの前に立っているのに気づき、助けが必要かどうか尋ねました。
彼は安心した表情でこう言いました。
お手伝いできることを嬉しく思い、彼女はシュレッダーの電源を入れ、紙を挿入します。すると、上司が「ありがとう、必要なのは 1 部だけです。」と言います。
innerText のような関数を作成します
お気づきかもしれませんが、 out innerText は IE のみです。つまり、Mozilla、Firefox、Netscape などのブラウザーは、innerText が何をするのかがわからない場合、すべてのタグを削除してテキストのみを表示します。たとえば、次のようになります。 div に HTML Eric が含まれている場合、innerHTML は Eric を返します。一方、innerText は
Now を返します。 innerHTML を同じように動作させるには、文字列 replace() メソッドで正規表現を使用する必要があります。
一致させる必要がある基本パターンは or or or です。
使用する必要がある正規表現は /< です。 ;/?[^> ] >/gi
正規表現がわからない場合は、次の簡単な説明を参照してください:
/ - 正規表現を開始します
/ - 文字 / をエスケープして一致させます (文字列がなければ、正規表現の終わりであると言えます)
? - / 文字を 0 回または 1 回一致させます
[^>] - 記号より大きい任意の文字と一致します
- [^>] を 1 回以上一致させます
> - 記号より大きいと一致します
/ - 正規表現を終了します
gi - 正規表現に次のことを指示しますグローバルに一致し、大文字と小文字を無視します
したがって、テキストを置換する関数は次のようになります:

コードをコピー コードは次のとおりです。次のように:

から div からテキストを取得する例を以下に示します。

テスト <div id="test">テスト<span id="span1"><u> テスト <b>すごい</b>!</u> <a href="#"> </a> </span> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]