問題タブ [htmlcollection]

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 投票する
1 に答える
175 参照

javascript - Javascript/Babel で HTMLCollection を反復処理する方法

webpack と Babel を使用して Web サイトをセットアップしようとしています。jQueryを使用して、テーブル内のすべてのアイテムに「onclick」イベントを割り当てようとしています。getElementsByClassNameHTMLCollection を返すを使用してすべての「クリック可能な行」テーブルの行アイテムを選択していますが.length、それを呼び出すと 0 が返されます。コレクションをコンソールに出力すると、その中にアイテムがあることが示されます。これは、それがバベルの問題だと私に思わせます。

配列に変換しようとしました-配列は空です。document.querySelectorAll();空の NodeList と...演算子を返すものを試して.forEach()HTMLCollection.prototype.forEach = Array.prototype.forEach;ました。

私が使用しているコードは次のとおりです。

Google Chrome のコンソールから返される結果は次のとおりです。

私はjsfiddleで同じことを再作成しようとしましたが、同じ動作を引き起こさなかったので、Babel/webpackのことだとさらに思いました。 http://jsfiddle.net/h2emxdf1/2/

混同していたら申し訳ありませんが、このwebpack全体に関しては初心者です。

0 投票する
1 に答える
230 参照

javascript - HtmlCollection または NodeList のインデックス作成

別のノードの子であるノードを複製しようとしていますが、js では HTMLCollection/NodeList データ型のインデックスを作成できません。そのデータ型にインデックスを付けようとすると、常に未定義の値になります。HTMLCollectionを配列に変換する最も効率的な方法に従ってそのデータ型を配列に変換しても、配列にインデックスを付けることができません。

ノードのクローン作成で発生するエラー: Cannot read property 'cloneNode' of undefined