2019年02月12日(火)
脱jQueryの道 初級編
要素取得する
セレクタで指定したid・classの要素を取得してみましょう。
要素を一つだけ取得する
これがないと始まりませんね。以前は、idがgetElementByIdで、classはgetElementsByClassNameを使用していましたが、最近はquerySelectorが主流です。
CSSのセレクタのように要素名を指定するか、.でclass、#でidを取得できます。JavaScript
// 要素名で取得 document.querySelector('div'); // classを取得 document.querySelector('.example'); // idを取得 document.querySelector('#example'); 複数の要素を取得する複数の要素を取得する場合はquerySelectorAllを使用します。
idは一つの要素しかないので、要素名かclass名を指定します。JavaScript
document.querySelectorA...
author:
web0pixel
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。
‹ PREV
伝説の「中の人」浅生鴨さん、現役最強シャープさんが登場。自然とフォロワーが増える理由 – SNS公式アカウントNight
NEXT ›
[ユーザー投稿] WordPressのプラグインの怖さと選び方
関連記事
Ads
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。web0pixelの記事『脱jQueryの道 初級編』についてまとめています。
この記事は特にjavascript・jQuery・SEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のweb0pixelで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとweb0pixelの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。