javascript - 在 Shopify 购物车页面上用 Javascript 替换文本

Question

在此商店中 - https://commonfibers.com/cart - 有一个私有(private)应用正在某些产品上创建订单项属性。示例 - https://gyazo.com/aa86c0696b406e5c128df7640f353c7f。

我想清理订单项属性的显示。所以这段文字: 艺术:“艺术 - 空白 (e9bd8c48c4134298bb9013bb595d8c6b)”相反会看起来像这样: 艺术:“艺术 - 空白”

我创建了这个 .liquid 文件:

<script>

  document.addEventListener('DOMContentLoaded', function() {
    var divArt = document.getElementsByClassName('property-Art');
    var text = divArt.innerText;
    for (var i = 0; i < divArt.length; i++) {
      var text = divArt[i].innerText;
      console.log("Beginning text - " + text);
      text = text.replace(/\s*\(.*?\)\s*/g, '');
      console.log("Processed text - " + text);
      console.log("innerText - " + divArt[i].innerText);
    };
  }, false);

</script>

它的作用是删除不需要的内容。 我所困扰的是如何将处理后的文本插入回 DOM 中，以便它显示在浏览器中。我可以看到替换逻辑工作，因为我在 console.log it - https://gyazo.com/6f3aed206ccd08343dc50415c8dcae01 。但到目前为止，我将其显示给用户的努力都失败了。

谢谢!

Answer 1

您需要将结果text分配回某些内容。尝试在函数末尾添加以下内容:

divArt[i].innerText = 文本;