お帰りなさい。
このビデオでは、中止したところで取り上げるつもりです。
私たちは要素を操作する他の方法について話し続けます。
色やスタイルのプロパティを変更する方法や、クラスリストを使用してスタイリングにもどのように影響するかを見てきました。
このビデオでは、2つの異なるプロパティについて説明します。両方のプロパティによって、テキストまたは老人をページ上で変更することができます。
だから、H1タグの代わりに、または私がここにあるような強力なタグの代わりにコンテンツを変更したいのであれば、アンカータグをテキストに変更したかったのです。
それがこのビデオでどうやってやるのか見ていきます。
最初のプロパティはテキストコンテンツと呼ばれるものです。
あなたがここで見ることができるように、私はいくつかのテキストとAwesomeと言う強力なタグ付きの段落を持っています。
そして段落テキストの残りの部分。
だから私が文書のDuckeryセレクタPでこれを選択した場合、その変数を変数に保存し、その要素の中のテキストを取り出すタグテキストコンテンツを作成し、テキストはHTMLタグ間のものとして定義します。
だからあなたはそれが返ってくるのを見るでしょう。
これはすばらしい段落です。
それは強いタグを含んでいないので、その段落の中からすべてのテキストを抽出するだけです。
しかし、多くの層は深く行く必要があります。
すべてのテキストを取得し、大きな文字列を返します。
もちろん、私はここでテキストコンテンツをタグ付けしたようなテキストコンテンツを設定することもできます。
そして、それは文章の内容を、あんまり曖昧なものに戻すでしょう。
このパラグラフの中に。
さて、テキストコンテンツプロパティを使用する前に、どのように使用できるかを説明します。
私はサンプル・デモであるTim Pageをマークアップのほんの数行で更新して、作業するテキストをいくつか追加します。
だから私はULを追加して、この中に花を作ろうと思っています。
だから蘭。
育てて、チューリップを最後にしましょう。
OK。
私たちは先に進んでこれに取り組んでいきます。
JavaScriptのコンソールで。
ここで私たちのページはここ3つの味方と私たちの井戸です。そして、このコラムはスーパーコージーミックスがあなたが見ることができるように超愛らしい言葉の周りに強いタグを持っています。
はい、そうです。
だから、私は領事に行くつもりで、まずはこのパラグラフを選択するだけで、Pはドキュメントに等しいです。
そして、私の最初の本能は、それがとても簡単なので常にクエリセレクタを使用することです。
しかし、私はそれをするつもりはありません。
ちょうど私達は別の方法を使用して、もっと練習をします。
タグ名でGET要素を使用するつもりですが、そのタグ名は段落であり、最初のものを依頼する必要があることを覚えておいてください。
ですから、Pを見ると、その段落があり、テキストコンテンツのテキストコンテンツを実行すると、コージーミックスは非常に魅力的です。
それで、そこにはすべてのテキストが入ります。
UL上で同じことをやってみましょう。これで、UL var
ULを選択して、今度は私はキューリーセレクタulを使用します。
ULを見てみましょう。
正しいものがあることを確認してください。
間違いなく正しい。
そして、そのことについてteksのコンテンツをしましょう。
そして、あなたはそれがタグを取り除くのを見ることができ、それはそのULの中の純粋なテキストコンテンツを取得し、我々ができることはそれを更新することです。
これは、実際にはちょっと危険です。なぜなら、この段落のテキストコンテンツの内容を更新したいとしています。そして、Corgiミックスが実際にはとても愛らしいと言うように更新したいと考えています。
まあ、私はPテキストのコンテンツを等しくすることができ、その後、コーギーミックスは本当に本当にスーパー愛らしいですが、うまくいけば問題を見ることができます。
私はこの強力なタグをここで取り除くつもりです。
私がenterキーを押すと、完全に上書きされます。
だから、もしこの要素を期待すれば、そこにあるものがあればそれを取り除きました。
あなたが何かを設定するためにそれを使用しているなら、テキストコンテンツはそれほど危険ではありませんが、悪いことではありませんが、注意する必要があります。
あなたは要素の中身を正確に知る必要があります。
Hがある場合。 T.
あなたが保存したい電子メールタグは、すべてのテキストコンテンツをニュースストリームに自動的に設定したくないので、すべてを消去します。
テキストコンテンツと同じ行に沿って動作する別のプロパティがありますが、実際には2つの男性要素がそのまま維持され、テキストを抽出するだけではありません。
実際には、毎回正確な構造を維持しています。
要素はInner HMOと呼ばれるようにテキストとともに返されます。
だから私たちは同じ段落を持っています。
これはすばらしい周りに強いタグが付いたすばらしいパラグラフです。
クエリセレクタでそれを選択し、タグドットインナーh m
lを実行すると、そこに強力なタグを保持しながら素晴らしい段落になります。
だから私は別の例を見せて、ページをリフレッシュしてここに強いタグがあるようにして、私は先に進み、段落をもう一度選択します。
docクエリセレクタ段落を文書化して実行します。
テキストコンテンツを最初に見直してみましょう。
そして、あなたは強いタグが私たちにも返されるのを見ることができます。
ULとその内部にある嘘についても同じことをしましょう。
したがって、var ULはドキュメントdocクエリセレクタと同じです。
あなたはそれをして、あなたはその内なる者になり、タグも手に入れます。
ですから、これは便利で、私たちが構築したいくつかのプロジェクトでそれを活用するいくつかの状況を見ていきます。
テキストは、タグの内容を変更するだけの場合にも便利です。
だから、通常は私たちは実際に何かになるように内部を設定していません。なぜなら、現在怒られている内容を上書きするテキストコンテンツを設定するのと同じ問題だからです。
だから私はあなたがULのドット内部のHTMLは植物が素晴らしいことに等しい今だと言いましょう。
テキストコンテンツの場合とまったく同じように、それを完全にオーバーライドします。
したがって、新しい要素を追加したい場合や、HTMLとやりとりしたい場合は、それを行うための他の方法があります。
しかし、例えば私たちがやりたいことが、このタイトルを変更しているのならば。
私のDomのデモへようこそ。
最初に選択することができます。
それはH-1です。
そして、彼の中に彼がいないことに気づきます。
それはちょうどH-1です。
だから、私たちはテキストコンテンツかエネルギーM-Lのどちらかを使うことができます。
しかし、ほとんどの人はテキストコンテンツを使用します。それはそれがすべてテキストコンテンツだからです。
そして、それを他のものに戻すことができました。
だからそれはちょうどドキュメントの問題であろうが、再びクエリーセレクタをやってみよう。私はこのドキュメントセレクタH-1を見るのに慣れるために変数にそれを保存しないだろう。ドットテキストの内容はこのレッスンと同じです。
そして、私の変化が反映されているのを見ることができます。
だから、テキストコンテンツを要約すると、我々はそれを最初に選択し、我々はそれを怒ら実行する要素のコンテンツをつかむの2つの異なる方法をHD M -
Lを入力します。
または、その選択された要素のテキストコンテンツのテキストコンテンツは、テキストのみを抽出し、大きな文字列をテキストで返し、彼を激怒させます。
だから最後に少しボーナスがあります。
これは覚えておいてくれるものではありませんが、怒られたHTMLとテキストコンテンツの間には別の違いがあります。
この文書ダンプ本体のようなものを試してみましょう。これは私たちに全身の内部HMOを提供します。
そして、体のすべてのHTMLを取得したかどうかを確認することができます。このようなテキストコンテンツを入力して同じことをすることができます。この3行だけのテキストをページに表示します。
私ができることは私が変更したいのであれば、私はこのページのすべてを取り除きたいと思っています。それは本当に良いアイデアではありませんが、私が望むなら新しいH-1とそれをH-1ちょうど、私はこのドキュメントのような何かを行うことができたと言って、bodycamテキストコンテンツequalsと私はここにH-1タグを入れて、このような私はHMOを書いている何かを行うことができます。
そして私がエンターを押した場合。
実際はうまくいきません。
したがって、テキストコンテンツは文字列をHMOとして扱うことはありません。
それは純粋にテキストとして扱われるので、私は彼に憤慨して同じことをした場合と比べてH-1タグを表示しません。
彼女のHMOで
実際にH-1としてレンダリングされているのが分かります。
それはニュアンスですが、重要な違いです。テキストコンテンツは、それがあなたに与えるものであれ、テキストとしてだけでなく、彼の中にあるものであれ、何でもそれを扱います。
私は実際にH M Lのように扱い、レンダリングするためにタグを付けるとページ上にレンダリングされます