問題タブ [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.
javascript - Javascript/Babel で HTMLCollection を反復処理する方法
webpack と Babel を使用して Web サイトをセットアップしようとしています。jQueryを使用して、テーブル内のすべてのアイテムに「onclick」イベントを割り当てようとしています。getElementsByClassName
HTMLCollection を返すを使用してすべての「クリック可能な行」テーブルの行アイテムを選択していますが.length
、それを呼び出すと 0 が返されます。コレクションをコンソールに出力すると、その中にアイテムがあることが示されます。これは、それがバベルの問題だと私に思わせます。
配列に変換しようとしました-配列は空です。document.querySelectorAll();
空の NodeList と...
演算子を返すものを試して.forEach()
みHTMLCollection.prototype.forEach = Array.prototype.forEach;
ました。
私が使用しているコードは次のとおりです。
Google Chrome のコンソールから返される結果は次のとおりです。
私はjsfiddleで同じことを再作成しようとしましたが、同じ動作を引き起こさなかったので、Babel/webpackのことだとさらに思いました。 http://jsfiddle.net/h2emxdf1/2/
混同していたら申し訳ありませんが、このwebpack全体に関しては初心者です。
javascript - HtmlCollection または NodeList のインデックス作成
別のノードの子であるノードを複製しようとしていますが、js では HTMLCollection/NodeList データ型のインデックスを作成できません。そのデータ型にインデックスを付けようとすると、常に未定義の値になります。HTMLCollectionを配列に変換する最も効率的な方法に従ってそのデータ型を配列に変換しても、配列にインデックスを付けることができません。
ノードのクローン作成で発生するエラー: Cannot read property 'cloneNode' of undefined
。