![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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ベストアンサー
- 回答日時:
こんなかんじ?
<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>
No.2
- 回答日時:
9行目は、
divBoardFormPartial.id = 'js_board_form_partial';
にしないとダメです。
また、2~3行目の変数定義は不要です(varで宣言しているのもアウトですが)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 変数名をどのようにつけるのが良いかアドバイスお願い致します 4 2024/02/28 19:44
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript JavascriptでDom XSSの脆弱性対策を行いたい 2 2023/09/24 21:20
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript JavascriptでXSSの脆弱性への対策を行いたい 2 2023/08/31 22:28
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
Javascriptエラーの原因が分からない
JavaScript
-
PythonやJavaScriptのように実質的に数の桁数を無限に扱える言語と、全く無限に使えない言
JavaScript
-
変数名をどのようにつけるのが良いかアドバイスお願い致します
JavaScript
-
-
4
JavascriptのHTMLクラス表示について
JavaScript
-
5
システムエンジニアの適正について
C言語・C++・C#
-
6
AIの登場でプログラマーたちが解雇されていますが
その他(プログラミング・Web制作)
-
7
HTMLで作った時報アプリが動きません
JavaScript
-
8
ボタンを押したあとに画像を表示させる方法についてアドバイスお願い致します
JavaScript
-
9
Q&A掲示板の入力フォームに文字数制限を設けて入力可能な文字数を表示したい
JavaScript
-
10
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由が
HTML・CSS
-
11
プログラミング ソースコード
その他(プログラミング・Web制作)
-
12
楽しくて最高のプログラミング言語を作りたいのですが、そもそもプログラミング言語を作る意味なんてないと
その他(プログラミング・Web制作)
-
13
JavaScript 超初心者です。 Document.writeがなぜか反映されません。何が間違っ
JavaScript
-
14
過剰なオブジェクト指向脳からの脱却について
その他(プログラミング・Web制作)
-
15
javaScriptのコードの修正をお願いします。
JavaScript
-
16
htmlソース編集で、各タグを何かアイコン表示一覧クリック一つで自動で生成してくれるソフト?
HTML・CSS
-
17
40代後半でゼロからのプログラム業界への転職
その他(プログラミング・Web制作)
-
18
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
19
質問です。 配列が100以上の場合は、100単位で繰り返し処理を実行したいのですが、どのように処理を
Java
-
20
かっこいいウェブを作るテク
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き
-
onclickとonmouseoverを同時に...
-
背景色を透明化
-
バッチファイルでカウントアッ...
-
createElementが一瞬で消えてし...
-
タブで開いてさらにタブ内をア...
-
JSで動的にリンクを作成
-
変数内容をHTML内で表示する方法
-
dblclickでdiv要素を一回だけ作...
-
表示・非表示のスクリプトで、...
-
読み込んだQRコードをフォーム...
-
javascriptテキストBOX色を元に...
-
removeEventListenerについて
-
自働生成される<div>タグに連番...
-
jQueryのアコーディオンメニュ...
-
クリックで色変更後に既に変更...
-
jQueryでシンプルドラッグドロ...
-
クリックするとテーブルの列の...
-
jQueryスライドショー画像への...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementで作成した要素を...
-
読み込んだQRコードをフォーム...
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
変数内容をHTML内で表示する方法
-
getElementByIdの戻り値がnull...
-
背景色を透明化
-
自働生成される<div>タグに連番...
-
複数のリンク画像を一定時間で...
-
クリックで色変更後に既に変更...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
表示・非表示のスクリプトで、...
-
タブで開いてさらにタブ内をア...
-
Jquery 親要素で順番入れ替え
-
HTML id名とjavascript変数名
-
VBScriptでXMLのデータを取得す...
-
[急ぎ] videoタグで埋め込んだm...
おすすめ情報