Uncaught TypeError: box1.appendChild は関数ではありません。
2022-02-10 11:58:40
ノードに操作を追加する際、appendChild が関数でないというエラーが発生します。
Uncaught TypeError: box1.appendChild は関数ではありません。
オリジナルのコードです。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="box1">
<div class="box2"></div>
<div class="box3"></div>
</div>
<script>
//operation of nodes
//1. Create
var aaa = document.createElement("li");
var bbb = document.createElement("adjsk");
console.log(aaa);
console.log(bbb);
//add
var box1 = document.getElementsByClassName("box1");
box1.appendChild(aaa);
box1.insertBefore(bbb,aaa);
</script>
</body>
</html>
これは、ノードを取得する方法と関連しています
box1を取得する際、getElementsByClassName()メソッドを使用していますが、取得する結果は配列の関数であり、オブジェクトの1つを見つけることはできません。そこで、必要なオブジェクトにロケートする必要があるのですが、修正が必要な部分は以下の通りです。
// Add
var box1 = document.getElementsByClassName("box1")[0];
関連
-
オリジン "http://127.0.0.1:8080 "のフレームがクロスオリジンフレームにアクセスするのをブロックした。解決済み
-
Mac コンソールのアイデア mvn コマンドが見つかりません。
-
[C++ エラー処理] transform の呼び出しに一致する関数がありません。
-
Pytorch が Python int が大きすぎて C の long に変換できないというエラーを報告する
-
error: '*' のメンバー '*' の要求が、クラス型でない '*' である。
-
C/C++学習メモ-アクティブな例外なしで呼び出されるterminate
-
tf.variable_scope パラメータ
-
PythonのTypeErrorです。__init__() に必要な位置引数が2つない
-
エクセル関数VLOOKUPの使い方一覧、十分です!
-
Python で 'str' と 'int' のインスタンス間でエラー '>=' がサポートされていない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
エラー: collect2:ld が 1 の終了ステータスを返した (要約)
-
[問題ログ】コンパイル時にイニシャライザーの要素が定数でないエラーが発生する
-
ModuleNotFoundError: tensorflow.contrib'という名前のモジュールがない ソリューション
-
OverflowError: Python 2.7 で C の long に変換するには Python の int が大きすぎる。
-
puttyでログインすると、ネットワークエラー:接続拒否が表示される
-
Pycharm コード ドッカー コンテナ 実行 デバッグ|機械学習シリーズ
-
RabbitMQ起動時のトラブルと解決方法
-
は属性_TensorLikeを持たない
-
mysql 切捨てられた不正なDOUBLE値 解決策
-
エラーの解決策 xmlのこの行に複数のアノテーションが見つかりました。