Tumblrこんばんは葛の葉です。今回はdocument.querySelectorAll()をつかってDomをとります。下記のようにhtml内でpiyopiyoクラスの要素が複数あります。.piyopiyo');console.log(piyopiyos);document.querySelectorAll(selector)のうち、selectorはCSSのクラス指定と方法は同じになります。取得したDomをプリントしてみる。piyopiyos変数に代入しましたのでconsoel.log()を使って出力してみます。ObjectquerySelectorAllで返却されるものはNodeListというObjectになります。NodeListはイテレータでも配列でも無いようです。.piyopiyoのクラスに相当する要素は2つあります。以下の2つのHtmlElementが格納されています。<b>ほんど</b></div>piyopiyos[0]が最初の要素になります。ほんどforEachを使って要素全てに適応NodeListはArrayの.forEachと似ているメソッドを持っているようです。コールバック関数を使います。引数はNodeListの内の要素を1つずつ代入していき、すべての要素が一巡するまでループします。piyopiyosといった感じです。ほんどpiyopiyoはHtmlElementなのでクラスや属性を追加することも可能です。"center");})piyopiyoの要素を持つものをすべてセンタリングします。Tumblr広告を非表示にする関連記事2019-08-09【JavaScript】.addElementListenerを使った関数の呼び出し葛の葉です。Javascirptを現在、勉強しております。(1)注目記事はてなブログをはじめよう!Kuzunoha-NEさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。