質問: elm.target; if (input.parentElement.classList.contains("dlcard__url")) { console.log(`入力されたURL: ${input.value}`); // 画像の取得処理など。 } }, true); ``` ``` テスト テスト 追加 ``` **追記** `console.log(elm)`で中身をみてみたのですが、たくさん何かが表示されてなんなのか分からないです。思ってた要素`.dlcardWrap`ではなさそうです。
回答: document.querySelectorは、パラメータに含まれるクラスやIDなどに一致するhtml要素を返します。 htmlelement自体にはさまざまな関数があり、そのうちの1つがaddEventListenerです。この関数は、v8または他のブラウザエンジンなどのネイティブコードによって定義されます。このコードは、ページ上のEventオブジェクトが起動されるのを待ちます(何かをクリックしたり、マウスを動かしたりするたびに自動的に発生します)。 addeventlistenerが取得され、その「タイプ」が最初の引数として入力された文字列に対応する親オブジェクトに一致します