HTMLタグに複数のクラスを設定する方法がわからない

Javascript で HTML クラスを追加するコードを書いているのですが、参照している変数が存在しないとのエラーが発生しており、どのように書くべきか分かりません。アドバイスお願い致します。

<script>
var div;
var child;
// class
const divBoardFormPartial = document.createElement("div");
// classの追加
divBoardFormPartial.classList.add("board_form_partial");
// idの追加
divJsBoardFormPartial.id = 'js_board_form_partial_div';
</script>

<!-- 表示したいHTML-->
<div class="board_form_partial" id="js_board_form_partial">

No.3 ベストアンサー 回答者： yambejp 回答日時： 2024/03/06 10:47

こんなかんじ？

<script>
window.addEventListener('DOMContentLoaded', ()=>{
const divBoardFormPartial = document.createElement("div");
divBoardFormPartial.classList.add("board_form_partial");
divBoardFormPartial.setAttribute('id','js_board_form_partial');
document.body.appendChild(divBoardFormPartial);
});
</script>

この回答へのお礼

アドバイスありがとうございます。コードを修正いたしました。

<script>
var div;
var child;
// class
const divBoardFormPartial = document.createElement("div");
// classの追加
divBoardFormPartial.classList.add("board_form_partial");
// idの追加
divJsBoardFormPartial.id = 'js_board_form_partial_div';
</script>

お礼日時：2024/03/09 20:23

No.2 回答者： rera1016 回答日時： 2024/03/06 07:46

9行目は、

divBoardFormPartial.id = 'js_board_form_partial';

にしないとダメです。
また、2～3行目の変数定義は不要です（varで宣言しているのもアウトですが）。

この回答へのお礼

アドバイスありがとうございます。原因が分かりました。
varで宣言することの問題について詳しく教えていただけると助かります。

お礼日時：2024/03/09 20:20

No.1 回答者： pe-ke-pe-ke 回答日時： 2024/03/05 23:39

divJsBoardFormPartialを定義していないからじゃないですかね。

この回答へのお礼

アドバイスありがとうございます。

お礼日時：2024/03/09 20:18