Question

在此商店-https://commonfibers.com/cart中，有一个私人应用正在某些产品上创建订单项属性。示例-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，以便它显示在浏览器中。我可以看到替换逻辑在控制台中正常工作。{-{ 3}}。但是到目前为止，我一直无法使它显示给用户。

谢谢！

Answer 1

您需要将结果text分配回某项。尝试在函数末尾添加此代码：

divArt[i].innerText = text;

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

1 个答案: