4/5 jsコードレシピ集 学習 classList.add textContent innerHTML - Qiita

要素にクラスを追加 要素.classList.add(追加したいクラス) 要素のテキストを取得 要素.textContent 要素のテキストをXXXXXで書き換え 要素.textContent = "XXXXX" 要素のHTMLをYYYYYで書き換え innerHTML = "YYYYY" textContentはテキストのみ取得するが、innerHTMLはHTMLを取得出来るので、cssの操作も可能。 // weather要素を取得 const weatherElement = document.getElementById('weather'); // クリックしたらイベント発火 weatherElement.addEventListener('click', () => { // weather要素にnew-classというクラスを追加 weatherElement.classLis