⊗jsPmDmEH 349 of 505 menu

JavaScriptでの要素のHTMLコードの操作

DOM要素には、その要素のHTMLコードを読み取ることを可能にするinnerHTMLプロパティがあります。 例を見てみましょう。以下のようなタグがあるとします:

<p id="elem"><b>text</b></p>

このタグへの参照を変数に取得しましょう:

let elem = document.querySelector('#elem');

タグのHTMLコードを読み取ります:

console.log(elem.innerHTML); // <b>text</b> と出力されます

タグのテキストを変更します:

elem.innerHTML = '<i>!!!</i>';

段落とボタンがあります。ボタンがクリックされたとき、 段落のHTMLコードを読み取り、コンソールに出力してください。

段落とボタンがあります。ボタンがクリックされたとき、 段落に太字の新しいテキストを書き込んでください。

日本語
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
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否