javascript - 脚本不适用于 Internet Explorer - 使用 querySelectorAll 进行简单的 dom 抓取并插入数组

Question

我对 Javascript 不太有经验，所以当我设法创建这个脚本时，我感觉非常好。但是，唉，它似乎在 Internet Explorer 上失败了，我不知道为什么。

谁能发现 IE 不喜欢这个脚本的地方吗？

从我们的 Google Analytics 内部来看，该脚本在 IE 9 和 11 上失败了。

function() {

// build products object
var prods = [];
var count = document.querySelectorAll('.txtStayRoomLocation').length;

for(i=0; i < count; i++) {

    //set granular vars
    prd = {};
    var brand = document.querySelectorAll('.txtStayRoomLocation')[i].textContent;
    var name = document.querySelectorAll('.txtStayRoomDescription')[i].textContent;
    var price = document.querySelectorAll('.txtStayRoomSplashPriceAmount')[i].textContent;
    var quantity = window.session_context_vars.BookingContext.Booking.ReservationLineItems[i].ReservationCharges.length/2;

    //add to prd object
    prd.brand = brand;
    prd.name = name;
    prd.price = price;
    prd.quantity = quantity;

   //add to prods array
   prods.push(prd);
}

   var ecommerceData = {
    'ecommerce': {
      'purchase': {
       'actionField': {'id': {{transaction id}},
                       'revenue': {{transaction amount}},
                       'tax': {{tax}}},

       'products': prods
      }
    }
   };
   return ecommerceData;
}

Answer 1

关于 @romuleald 所说的，这可能是构建代码的更好的方法。它消除了每次执行 for 循环时查找相同数组的需要。

function() {
// build products object
var prods = [];
var brand = document.querySelectorAll('.txtStayRoomLocation');
var name = document.querySelectorAll('.txtStayRoomDescription');
var price = document.querySelectorAll('.txtStayRoomSplashPriceAmount');

for(i=0; i < brand.length; i++) {

//set granular vars
var prd = {};

//add to prd object
prd.brand = brand[i].textContent;
prd.name = name[i].textContent;
prd.price = price[i].textContent;
prd.quantity = window.session_context_vars.BookingContext.Booking.ReservationLineItems[i].ReservationCharges.length/2;;

//add to prods array
prods.push(prd);
}

var ecommerceData = {
'ecommerce': {
  'purchase': {
   'actionField': {'id': {{transaction id}},
                   'revenue': {{transaction amount}},
                   'tax': {{tax}}},

   'products': prods
  }
}
};
return ecommerceData;
}

关于错误，您能提供更多详细信息吗？调试器中抛出什么错误？