問題タブ [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.

0 投票する
0 に答える
28 参照

javascript - removeChild() を使用して壊れた画像を削除しますか?

フォルダーのコレクションを通過して画像を表示するループがあります。フォルダーにある画像だけを表示する方法がわかりません。そのため、私が思いついたハックな方法は、1 か 100 かに関係なく、フォルダーをループで 100 回反復させることです。その中の画像。

これにより、カルーセルに多くの壊れた画像が表示されます。もちろん、存在する画像を繰り返し処理した後は何もないためです。

React を使用して、removeChild() を使用して DOM から壊れた画像を削除する方法を見つけようとしていますが、エラーが発生し続けます。

「display: none;」を使いたくない または「表示:非表示;」CSS では、100 回目の繰り返しで終了するまでカルーセルをクリックし続けることができるためです。ただし、Javascript を使用して、404 が発生した場合にユーザーをカルーセルの最初に戻す方法があれば、それも喜んで使用します。

これは私のコードです:

この関数を呼び出すと、次のエラーがスローされます。

TypeError: null のプロパティ 'parentNode' を読み取れません

これがこれを行う最良の方法だとは想像できませんが、回避策としてこれまでに見つけた唯一の有望な方法です。私が収集しているのは、removeChild() が削除するものがあることを期待していることです。画像が 404 であるため、削除するものがないというこのエラーが発生しています。問題は、壊れた画像がまだカルーセルに表示されていることです。