148 of 264 menu

getElementsByTagName メソッド

メソッド getElementsByTagName は、 タグ名に基づいてページ上の要素を取得することを可能にします。 取得した要素に対しては、そのテキスト、属性、 CSSスタイルなどを変更するなど、さまざまな操作を行うことができます。

構文

document.getElementsByTagName(タグ名);

すべての段落を取得し、プロパティ innerHTML を使用して それらのテキストを変更してみましょう:

<p>elem 1</p> <p>elem 2</p> <p>elem 3</p> let elems = document.getElementsByTagName('p'); for (let elem of elems) { elem.innerHTML = '!!!'; }

コードの実行結果:

<p>!!!</p> <p>!!!</p> <p>!!!</p>

関連項目

  • セレクターを使用して要素のグループを取得するメソッド querySelectorAll
  • クラスに基づいて要素のグループを取得するメソッド getElementsByClassName
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否