DOM操作の主流になるか！？セレクタAPIを使いこなそう

暮らしカテゴリーの変更を依頼記事元:

atmarkit.itmedia.co.jp

70 usersがブックマークコメント

コメント

7

記事へのコメント7件

注目コメント
新着コメント

ichiroku11 連載：人気順に説明する初めてのHTML5開発

html

2011/11/17 リンク

s5-style HTML5のセレクタAPI Level1の解説。標準的なJavaScriptのみでjQueryのような要素の取得ができる。

2011/11/03 リンク

site159 クエリセレクタ　1-2年後には使えるはずだ

JavaScript

2011/10/17 リンク

htsign そもそもgetElementsByClassNameが標準で使えるってことを知らなかった。

javascript

2011/10/11 リンク

warriorking DOM操作の主流になるか！？セレクタAPIを使いこなそう－＠IT

Web

2011/10/10 リンク

kkeisuke querySelector querySelectorAll

2011/10/09 リンク

kamatama_41 めもめも

2011/10/08 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

DOM操作の主流になるか！？セレクタAPIを使いこなそう

連載目次従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 get... 連載目次従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementByIdメソッド：IDの値をキーにノードを取得する。 getElementsByTagNameメソッド：要素名をキーにノードを取得する。 getElementsByClassNameメソッド：class属性の値をキーにノードを取得する。しかし、この方法で複雑な構造のHTML文書から要素を取り出す場合、コードが複雑になりやすいという課題もあった。例えば、以下は従来のgetElementXxxxxメソッドを利用した要素の取得例だ。上記のJavaScriptコードでは、奇数番目の要素を特定するために全てのインデックス番号をif文で判定させている。ほかにも属性値やclass属性によって要素を絞り込むならば、同じような判定式を書いた経験が読者諸氏にもあるだろう。「もっと簡

ブックマークしたユーザー

jigendaddy2017/09/06
mnru2016/02/29
uk3102015/10/07
uzuky2015/09/12
vespresso2013/11/29
akuwano2013/11/29
bayan2013/11/28
hatebnewone2013/09/05
mathemathiko2013/05/30
USAGI-WRP2012/03/06
masakielastic22012/01/25
ichiroku112011/11/17
s5-style2011/11/03
hagihala2011/11/02
site1592011/10/17
webmugi2011/10/14
ynsyns2011/10/13
moccos_info2011/10/12

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx