問題タブ [searchkit]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - removeChild() を使用して壊れた画像を削除しますか?
フォルダーのコレクションを通過して画像を表示するループがあります。フォルダーにある画像だけを表示する方法がわかりません。そのため、私が思いついたハックな方法は、1 か 100 かに関係なく、フォルダーをループで 100 回反復させることです。その中の画像。
これにより、カルーセルに多くの壊れた画像が表示されます。もちろん、存在する画像を繰り返し処理した後は何もないためです。
React を使用して、removeChild() を使用して DOM から壊れた画像を削除する方法を見つけようとしていますが、エラーが発生し続けます。
「display: none;」を使いたくない または「表示:非表示;」CSS では、100 回目の繰り返しで終了するまでカルーセルをクリックし続けることができるためです。ただし、Javascript を使用して、404 が発生した場合にユーザーをカルーセルの最初に戻す方法があれば、それも喜んで使用します。
これは私のコードです:
この関数を呼び出すと、次のエラーがスローされます。
TypeError: null のプロパティ 'parentNode' を読み取れません
これがこれを行う最良の方法だとは想像できませんが、回避策としてこれまでに見つけた唯一の有望な方法です。私が収集しているのは、removeChild() が削除するものがあることを期待していることです。画像が 404 であるため、削除するものがないというこのエラーが発生しています。問題は、壊れた画像がまだカルーセルに表示されていることです。