使用for of迴圈遍歷獲取的nodeList,配置babel編譯,webpack打包之後在iphone5下報錯

来源:https://www.cnblogs.com/beileixinqing/archive/2019/03/21/10573223.html
-Advertisement-
Play Games

報錯信息: Symbol.iterator is not a function [duplicate] 代碼示例: 分析原因: DOM獲取的nodeList類似數組,但是不是數組,直接用for of迴圈確實可以遍歷,但是在iphone5下回報錯,所以需要轉為真正的數組。 解決方案: 如上面代碼,加了 ...


報錯信息:

Symbol.iterator is not a function [duplicate]

代碼示例:

function insertCta() {
        let ctaArr = Array.from(document.getElementsByClassName("cta"));
        for (let i of ctaArr) {
            i.innerHTML = placeholder.cta;
        }
    }

分析原因:

DOM獲取的nodeList類似數組,但是不是數組,直接用for of迴圈確實可以遍歷,但是在iphone5下回報錯,所以需要轉為真正的數組。

解決方案:

如上面代碼,加了Array.from方法將nodeList轉為真實數組之後,iphone5報錯消除。

參考問題答案:https://stackoverflow.com/questions/37676768/symbol-iterator-is-not-a-function


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • *註:使用本方法請先引入layui依賴的layu.js和layui.css 1.html 2.js文件 3.自定義函數驗證 (1).帶請求的函數判斷: 比如驗證名稱是否重覆 (2).普通函數驗證 ...
  • webpack的基本使用 webpack 本質上是一個打包工具,它會根據代碼的內容解析模塊依賴,幫助我們把多個模塊的代碼打包。借用 webpack 官網的圖片: 雖然webpack4.x的版本可以零配置開始構建,但是在實際的項目中需要其它的一些功能,還是需要一個配置文件。 安裝 下麵一步一步講解配置 ...
  • 示例代碼托管在: "http://www.github.com/dashnowords/blogs" 博客園地址: "《大史住在大前端》原創博文目錄" 華為雲社區地址: "【你要的前端打怪升級指南】" [TOC] 一. 任務說明 使用原生 繪製餅圖(南丁格爾玫瑰)。(截圖以及數據來自於百度Echar ...
  • 大家好!歡迎瀏覽我的博客 我們現在學習怎麼下載,安裝,配置apache-tomcat。 首先我們先瞭解一下Tomcat,Tomcat是Apache 軟體基金會(Apache Software Foundation)的Jakarta 項目中的一個核心項目,由Apache、Sun 和其他一些公司及個人共 ...
  • 盒子模型 1.框模型 框:頁面上所有元素都可以稱為“框” 框模型:(BOX Model),又稱盒子模型 定義框處理元素內容、內邊距padding、外邊距margin、邊框的樣式border 外邊距margin margin-方向: margin-left: margin-right: margin- ...
  • Vue腳手架的搭建步驟 1. 去node.js官網下載node.js並安裝,如下圖: 2. 找到下載的文件並點擊安裝: 一直到finish完成。安裝成功 3. 通過DOS密令打開: 輸入:node –v回車 可以查看安裝node.js 版本號如下圖: 4. 使用淘寶NPM鏡像:下圖 5. 進入下圖頁 ...
  • 運算符 數學運算符的正統,number和number的數學運算,結果是number。出於面試的考慮,有一些奇奇怪怪的數學運算: 數學運算中:只有純字元串、布爾值、null能夠進行隱式轉換。 不純的字元串和undefined是不能進行隱式轉換,結構都是NaN: 加法比較特殊,因為“+”號同時是加法和拼 ...
  • columns(列) 和 rows(行) 為了使其成為二維的網格容器,我們需要定義列和行。讓我們創建3列和2行。我們將使用grid-template-row和grid-template-column屬性。 grid-template-columns的3個值表示三列,相應的數值表示列寬即都為100px ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...