在產品網格視圖中為每個產品添加數量字段（ecwid 電子商務）

Question

我繼續嘗試操縱我的代碼我放了一些可以定義變量但仍然無法工作並且遇到錯誤“無法讀取未定義的屬性'0'”的問題

這是我的代碼：

Ecwid.OnPageLoad.add(function(page) {
  var x = "ecwid-BuyNow";
  for (i = 0; i < x.length; i++) {
    var container = document.getElementsByClassName("x")[0];
    var t = document.createTextNode("\n\n");
    container[i].appendChild(t);
    var input = document.createElement('input');
    input.type = "number";
    input.placeholder = "Quantity";
    input.min = "1";
    input.name = "qtyAdd";
    container[i].appendChild(input);
  }
});

Answer 1

假設您將 javascript 代碼放在 HTML 代碼之后，則您的循環無效。 您迭代字符串x的長度，而不是使用 class ecwid-BuyNow元素。 而且您不會事件調用變量 x，而是使用 class x搜索元素。

BuyNowEcwid.OnPageLoad.add(function(page) {
var x = "ecwid-BuyNow";
var elements = document.getElementsByClassName(x);
for (var i = 0; i < elements.length; i++) {
    var container = elements[i];
    var t = document.createTextNode("\n\n");
    container.appendChild(t);
    var input = document.createElement('input');
    input.type = "number";
    input.placeholder = "Quantity";
    input.min = "1";
    input.name = "qtyAdd";
    container.appendChild(input);
  }
});