本文解決的問題是 :運用for..of..循環時，edge瀏覽器報Object doesn't support property or method 'symbol.iterator'問題 以及 符號迭代器（symbol.interator）是什么類型的問題

在ES6中新加了一種數據類型Symbol,在es5中只有六種基本數據類型（undefined number null boolean string Array）和一種復雜的數據類型（object）
簡單了解：symbol的值通過symbol函數生成，symbol類型是保證每個屬性的名字都是獨一無二的，對于一個對象由多個模塊構成的情況非常有用。
###在edge瀏覽器中瀏覽代碼塊中含有for ..of..循環的頁面時，瀏覽器會報錯Object doesn't support property or method 'symbol.iterator'

因為通過document.querySelectorAll()和document.getElementsByTagName()或者document.getElementsByClassName()選中的元素集合，并不是標準的Array類型，通過（） instanceof Array 為false可以判斷，
通過在控制臺打印的結果可以得到，document.querySelectorAll()得到的object.__proto__為NodeList類型，

此時，需要將Array的symbol.iterator的值賦給Node List的symbol.iterator
NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
對應的通過document.getElementsByTagName或者document.getElementsByClassName()得到的object.__proto__為HTMLCollection類型

此時，需要將Array的symbol.iterator的值賦給HTMLCollection的symbol.iterator，
HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
這時就可以在edge瀏覽器運行了；

文章借鑒了阮一峰大神的(http://es6.ruanyifeng.com/#docs/iterator)

轉載于:https://www.cnblogs.com/oxiaojiano/p/7503960.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的关于querySelector 和 document.getElementsByTagName 选中集合问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。