DOM 高度なプログラミング_DOM-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

DOM 高度なプログラミング_DOM

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:00 PM

dom 高度なプログラミング

前書き: W3C で規定されている 3 種類の DOM 標準インターフェース (画像変更): さまざまな構造化文書に適した Core DOM (コア DOM)、XML 文書専用の XML DOM (Java OOP で学習)、 HTML ドキュメントについては、次の質問を理解しましょう。

1. 位置および履歴オブジェクト

back() //Return
forward()
go() //進む
場所
href //リンク
リロード //ロード

2. 位置オブジェクトと履歴オブジェクトの適用

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

花の詳細を見るこのページを更新
メインページに戻る

3. Document オブジェクトの共通プロパティ

1.referrer (現在のドキュメントをロードするドキュメントの URL を返します)

2.URL (現在のドキュメントの URL を返します) document.referrer document.URL

Document オブジェクトの一般的なメソッド

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

getElementById() (指定された ID を持つ最初のオブジェクトへの参照を返します) 

getElementsByName() (指定された名前を持つオブジェクトのコレクションを返します) 

getElementsByTagName() (指定されたタグ名を持つオブジェクトのコレクションを返します) 

write() (テキスト、HTML 式、または JavaScript コードをドキュメントに書き込みます)

4. 3 つのアクセスページ要素の違い

getElementById() は ID 名で要素にアクセスします

getElementsByName() は名前
で要素にアクセスします getElementsByTagName() タグによるアクセス

5. 要素の表示と非表示

1.visibilityvisible (要素が可視であることを示します)

hidden (要素が非表示であることを示します) object.style.visibility="value"

2.display none (この要素が表示されないことを示します)

block (この要素がブロックレベルの要素として表示され、この要素の前後に改行が入ることを示します) object.style.display="value"

6. チェックボックスの属性

チェックボックスのチェック済みの属性値チェックあり：true チェックなし：false

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7378

Java チュートリアル

1628

CakePHP チュートリアル

1357

Laravel チュートリアル

1267

PHP チュートリアル

1216

Related knowledge

Vue3 で DOM ノードを取得する方法は何ですか? May 11, 2023 pm 04:55 PM

1. ネイティブ js は DOM ノードを取得します。 document.querySelector (セレクター) document.getElementById (id セレクター) document.getElementsByClassName (クラスセレクター).... 2. vue2 で現在のコンポーネントのインスタンスオブジェクトを取得します。コンポーネントインスタンスには、対応する DOM 要素またはコンポーネントへの参照を保存する $refs オブジェクトが含まれています。したがって、デフォルトでは、コンポーネントの $refs は空のオブジェクトを指します。まず ref="name" をコンポーネントに追加してから、this.$refs を渡します。

PHP での DOM 操作ガイド May 21, 2023 pm 04:01 PM

Web 開発において、DOM (DocumentObjectModel) は非常に重要な概念です。これにより、開発者は要素の追加、削除、変更など、Web ページの HTML または XML ドキュメントを簡単に変更および操作できるようになります。 PHP に組み込まれている DOM 操作ライブラリも開発者向けに豊富な機能を提供していますので、この記事では、皆様のお役に立てればと思い、PHP での DOM 操作ガイドを紹介します。 DOM の基本概念 DOM は、クロスプラットフォームで言語に依存しない API です。

vue dom とはどういう意味ですか? Dec 20, 2022 pm 08:41 PM

DOM はドキュメントオブジェクトモデルであり、HTML プログラミング用のインターフェイスであり、ページ内の要素は DOM を通じて操作されます。 DOM は HTML ドキュメントのメモリ内オブジェクト表現であり、JavaScript を使用して Web ページと対話する方法を提供します。 DOM は、ドキュメントノードをルートとするノードの階層 (またはツリー) です。

vue3 で dom またはコンポーネントへの ref バインディングが失敗する理由とその解決方法は何ですか? May 12, 2023 pm 01:28 PM

Vue3ref バインディング DOM またはコンポーネントの失敗理由分析シナリオの説明 Vue3 では、コンポーネントまたは DOM 要素をバインドするために ref を使用することがよくありますが、関連するコンポーネントをバインドするために ref が明確に使用されていることがよくありますが、ref バインディングが失敗することがよくあります。 ref バインディングが失敗する状況の例 ref バインディングが失敗するほとんどのケースは、ref がコンポーネントにバインドされているときにコンポーネントがまだレンダリングされていないため、バインディングが失敗することです。または、コンポーネントが最初にレンダリングされず、ref がバインドされていない場合、コンポーネントのレンダリングが開始されると、ref もバインドされ始めますが、ref とコンポーネントの間のバインディングが完了していません。このとき、問題が発生します。コンポーネント関連のメソッドを使用する場合。 ref にバインドされたコンポーネントが v-if を使用するか、その親コンポーネントが v-if を使用してページに

dom オブジェクトと bom オブジェクトとは何ですか? Nov 13, 2023 am 10:52 AM

DOM オブジェクトは「ドキュメント」、「要素」、「ノード」、「イベント」、「ウィンドウ」の 5 つ、2.「ウィンドウ」、「ナビゲーター」、「場所」、「履歴」、「画面」、その他 5 つです。 BOM オブジェクト。

ボムとドムの違いは何ですか Nov 13, 2023 pm 03:23 PM

BOM と DOM は、役割と機能、JavaScript との関係、相互依存性、さまざまなブラウザーの互換性、セキュリティ上の考慮事項の点で異なります。詳細な紹介: 1. 役割と機能: BOM の主な機能はブラウザウィンドウを操作することであり、ブラウザウィンドウへの直接アクセスと制御を提供しますが、DOM の主な機能は Web ドキュメントをオブジェクトツリーに変換し、開発者は、このオブジェクトツリーを使用して Web ページの要素やコンテンツを取得および変更します。 2. JavaScript などとの関係

DOM の組み込みオブジェクトとは何ですか? Dec 19, 2023 pm 03:45 PM

dom内置オブジェクトの内容：1、document；2、window；3、navigator；4、location；5、history；6、screen；7、document.documentElement；8、document.body；9、document.head；10、document .title；11、document.cookie。