❤ 操作要素レポート: null (appendChild の読み取り) ソリューションのプロパティを読み取ることができません
1. シーン:
js レンダリングを作成しましたが、小さな問題があり、null のプロパティを読み取れない (appendChild を読み込む) とエラーが報告されました。
<div id="divps" class="divps"></div>
大まかな意味は次のとおりです。空の属性は読み取れません。
2. 解決策
1. console.log() //データ内容を出力し、データの取得に問題がないか確認します。
2. jsの導入部分は本文の最後に配置されており、ページは上から下に向かって走りますが、HTMLは実行されません、当然、対応するノードは取得できません。
3. getElementsByClassName(''div") を使用して要素を取得すると、特定のオブジェクトを検索する代わりに配列が返されます。
getElementsByTagName() メソッドもあります。getElementsByTagName() メソッドは、HTMLCollection オブジェクトを返します。HTMLCollection オブジェクトは、HTML 要素を含む配列に似ています。配列のように見えるかもしれませんが、そうではありません。ただし、配列と同様に、インデックスを使用して要素を取得できます。
3、后期添加：
その後の多くの操作では、ES6 の Array.form() もこのタイプの配列を配列に変換できます。
したがって、このメソッドを使用して要素を取得する場合は、特定の要素を見つけて、どの要素に子ノードを追加するかをブラウザに知らせるだけで済みます。
次のように変更します。
document.getElementsByClassName(“divps”)[0];
あるいはIDを取得するだけ
document.getElementById(“divps”);