コンソール ログでは「element.children.length」が 0 と表示されるのに、展開すると子が表示されるのはなぜですか?

コンソール ログと展開ビューの間の element.children の長さの不一致

console.log を使用して要素 (element.children など) の子を検査する場合場合によっては、コンソール出力では長さが 0 と表示されるのに、コンソールで要素を展開するとゼロ以外の子の数が表示されることがあります。この一見矛盾した動作は次のことに起因する可能性があります。

コンソール ログのライブ参照

オブジェクトがコンソールに記録されるとき、コンソールは現在の状態のスナップショットを作成しません。代わりに、オブジェクトへのライブ参照を取得します。その結果、ログに記録されたオブジェクトが変更されると、コンソール内のその表現もそれに応じて更新されます。

このシナリオでは、ログに記録されるとき、要素の子コレクションは最初は空です。ただし、要素の DOM が更新され、要素が動的に追加されると、子のコレクションに要素が追加され、長さの不一致が生じます。

解決策: コード実行の遅延

この問題を解決するには、次のことを確認してください。要素の子が設定された後にコードが実行されます。 1 つの方法は、ドキュメントの最後、終了

以上がコンソール ログでは「element.children.length」が 0 と表示されるのに、展開すると子が表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。