JavaScriptを使用してドキュメントのタイトルを表示するにはどうすればよいですか?

このチュートリアルでは、ドキュメントのタイトルを表示する 2 つの方法を理解します。 JavaScript.

document.title プロパティの使用

HTML ドキュメントのタイトルにアクセスするために JavaScript で最もよく使用されるメソッドの 1 つは、 document.title プロパティを使用することです。次の例では、タイトルにアクセスする方法を学習します。JavaScript でタイトルにアクセスした後、次の操作を行うことができます。それを変更し、Web サイトでの表示方法を変更します。

＃＃＃文法＃＃＃

ここでは、onClick メソッドを使用してドキュメント内の段落の innerHTML を設定する方法を示します。 document.title は、タイトルを取得し、指定されたボタンがクリックされたときにタイトルを表示するために使用されます。

リーリー ＃＃＃アルゴリズム＃＃＃

ステップ 1

-HTML ドキュメント ファイルにタイトルを書き込みます。

ステップ 2 - onClick メソッドを使用してボタンを作成し、タイトルを取得します。

ステップ3 -キャプチャされたタイトルを表示する段落タグを作成します。

ステップ 4 - ドキュメント内のさまざまな要素に必要な変数を設定します。

ステップ5 -ボタンonClickの関数を作成します。

ステップ6 - document.title メソッドを使用して、段落タグの変数 innerHTML を指定します。

例 1

の中国語訳は次のとおりです:

例 1

HTML ファイル内で ID やクラスを指定せずにドキュメントのタイトルにアクセスする方法を以下に示します。タイトルには document.title を使用してアクセスできます。 リーリー etElementsByTagName() メソッドの使用

通常、タイトルをさまざまなプラットフォームで動作させるには、JavaScript 関数を使用する必要があります。このメソッドでは、 document.getElementsByTagName() プロパティを使用してタイトルを取得する方法を学びます。このメソッドはタグ名をパラメータとして受け取り、指定されたタグ名を持つすべての要素のコレクションを返します。

＃＃＃文法＃＃＃ リーリー

ここで

"title"

はメソッドへのパラメータです。

このメソッドは、タグ

"title"

を持つすべての要素のコレクションを返します。 さまざまな要素を取得するには、受信したコレクションにインデックスを適用する必要があります。ここで、

idx

はタイトルのインデックスです。たとえば、最初のタイトルを取得するには、idx## を設定します。 # を 0

に設定し、2 番目のタイトルを取得するのと同じ方法で

idx を 1. に設定します。 ＃＃＃アルゴリズム＃＃＃ ステップ 1 -HTML ドキュメントのタイトルタグ内に何かを記述します。 ステップ 2 - onClick メソッドを使用できるようにボタン ラベルを作成します。

ステップ 3

-段落タグを作成し、JavaScript でアクセスできるように ID を与えます。 ステップ 4

- ドキュメント内のすべての重要な要素に ID またはクラスを割り当てることができます。

ステップ 5

-必要な要素を取得できる別の変数を作成します。

ステップ 6

- onClick メソッドの関数を作成します。

ステップ 7

- 段落用に作成された変数は、tagName() 属性を使用して innerHTML に設定する必要があります。

例 2

この例では、タグ名でタイトルを選択します。 document.getElementsByTagName() メソッドを使用して、HTML ドキュメントからタイトルをすばやく取得する方法を学習します。 HTML ドキュメントに 2 つのヘッダーを追加しました。これら 2 つのタイトルは 2 つのボタンを使用して検索します。 リーリー

ここでは、ドキュメント内に異なる見出しを表示する 2 つのボタンが追加されていることがわかります。この出力から、tagName() 属性の後に 0 インデックスを追加すると、最初のタイトルを取得しやすくなることがわかります。

document.title プロパティと getElementByTagName() メソッドは両方とも、ドキュメントのタイトルにアクセスするために使用されます。 JavaScript で両方の方法を試して、好みの方法を選択できます。ドキュメント ヘッダーの動作を操作したい場合は、JavaScript を使用してヘッダーにアクセスすることが良い出発点となる可能性があります。

以上がJavaScriptを使用してドキュメントのタイトルを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。