ホームページ > ウェブフロントエンド > htmlチュートリアル > getElementsByClassName() の使用方法は? getElementsByClassName() インスタンスの使用法の概要

getElementsByClassName() の使用方法は? getElementsByClassName() インスタンスの使用法の概要

巴扎黑
リリース: 2019-11-28 09:16:45
オリジナル
9047 人が閲覧しました

先ほど、HTML5 に新しく追加されたセレクター、つまり querySelector()、querySelectorAll()、getElementsByClassName() を紹介しました。これら 3 つはそれぞれ独自の機能を備えており、必要に応じて HTML5 の実戦や分析で関連するコンテンツを読み込むことができます。今回はclassList属性について紹介します。

classList 属性は具体的に何をするのでしょうか? ここでは classList をそのままにしておきます。複数のクラス名を持つ要素の中から、どのようにしてクラス名の 1 つを削除するかという問題を考え、Menglong は頭を悩ませ、最終的にそれを達成する方法を考え出しました。

li、meng、longの3つのクラス名のうち、mengを削除します。

コードは次のとおりです。 re
HTML代码
<p class="li meng long">梦龙小站</p>  
JavaScript代码
//获取要删除类名meng的p
var
ログイン後にコピー
e

1.

HTML5 の実際の戦闘とクラスリスト属性の分析

getElementsByClassName() の使用方法は? getElementsByClassName() インスタンスの使用法の概要

簡単な紹介:

以前、HTML5 の新しい選択デバイスのいくつかを紹介しました。 querySelector()、querySelectorAll()、および getElementsByClassName()。これら 3 つはそれぞれ独自の機能を備えており、必要に応じて HTML5 の実戦や分析で関連するコンテンツを読み取ることができます。今回はclassList属性について紹介します。

2.

HTML5の実戦とCSSセレクターの分析 - getElementsByClassName()メソッド

getElementsByClassName() の使用方法は? getElementsByClassName() インスタンスの使用法の概要

はじめに: HTML5 rySelectorAllのquerySelector()メソッドとクエリ()メソッドはIです以前の記事で紹介しましたが、どれくらい理解できたでしょうか

ここで復習しましょう。 querySelector() メソッドは、渡された CSS セレクターに一致する最初の要素を返します。渡された CSS セレクター (NodeList オブジェクト) と一致するもの。

簡単にレビューした後、新しいメソッド getElementsByClassName() メソッドを共有させてください。

【関連Q&Aの推奨事項】:

javascript - getElementsByClassName() 配列の添字を取得するにはどうすればよいですか?

javascript - 次のコードで ID をクラスに変更できないのはなぜですか

以上がgetElementsByClassName() の使用方法は? getElementsByClassName() インスタンスの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート