用 Shopify 购物车页面上的 Javascript 替换文本

Question

在这家商店 - https://commonfibers.com/cart - 有一个私人应用程序正在某些产品上创建订单项属性。 示例 - https://gyazo.com/aa86c0696b406e5c128df7640f353c7f 。

我想清理订单项属性的显示。 因此，此文本：Art: 'Art - Blank (e9bd8c48c4134298bb9013bb595d8c6b)' 将改为：Art: 'Art - Blank'

我创建了 this.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 它 - https://gyazo.com/6f3aed206ccd08343dc50415c8dcae01 。 但到目前为止，我想让它显示给用户的努力都失败了。

谢谢！

Answer 1

您需要将结果text分配回某些内容。 尝试在 function 的末尾添加：

divArt[i].innerText = text;