コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

JavaScript を使用してページ効果を作成する方法

醉折花枝作酒筹
リリース： 2021-04-19 11:04:19
転載
2318 人が閲覧しました

この記事では、JavaScript を使用してページを作成する方法を詳しく紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

JavaScript を使用してページ効果を作成する方法

#JavaScript を使用してページ効果を作成する

DOM プログラミング

DOM プログラミング (ドキュメント オブジェクト モデル)ドキュメント オブジェクト モデル


JavaScript を使用してページ効果を作成する方法 DOM プログラミングでは、ページ全体を HTML 要素が特定のオブジェクトであるドキュメント オブジェクトとみなし、対応する HTML 要素オブジェクトを見つけて操作 (属性の変更やスタイル) 新しい HTML 要素オブジェクトを生成することもできます。

JS でページ内の要素を検索します。

フォームの名前包含関係を通じてオブジェクトを検索します。

document.calForm.num1
ログイン後にコピー

Get it HTML 要素の id 属性を通じて HTML 要素オブジェクト: 


document.getElementById(id)
ログイン後にコピー

HTML 要素の name 属性を通じて同じ name 属性値を持つ複数の HTML 要素オブジェクトを取得し、すべてを格納する配列を返します。同じ名前の属性を持つオブジェクト

document.getElementsByName(name)
ログイン後にコピー

HTML 要素のタグ名を通じて同じタグを持つ複数の HTML 要素オブジェクトを取得


document.getElementsByTagName(tagName)
ログイン後にコピー

動的時間

時刻ページ上に表示される時刻は動的に移動します ページ起動時に時刻が表示されます 時刻は

    サーバー時刻 (Java 経由で取得)
  1. クライアント時刻の 2 種類に分けられます(JS を通じて取得)、各クライアントの時間に応じて表示されます。

  2. JavaScript を使用してページ効果を作成する方法
    JavaScript を使用してページ効果を作成する方法
すべて選択、すべての機能の選択を解除

JavaScript を使用してページ効果を作成する方法
JavaScript を使用してページ効果を作成する方法

【推奨】学習:

JavaScript 上級チュートリアル ]

以上がJavaScript を使用してページ効果を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript
ソース：csdn.net
前の記事：JavaScriptで変数が等しいかどうかを判断する方法 次の記事：JavaScriptでdivを表示および非表示にする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート