javascript - document.getElementById()。value不覆盖现有值

我正在尝试将值传递给我的Squarespace网站上的变量。我已经能够使用以下方法覆盖活动页面上的变量：

if (SizeInputVar >=1 && SizeInputVar <= 1500) {
$(".sqs-money-native").html(CalcValue) }

但是，当我将产品添加到购物车时，将传递原始值而不是计算值。

sqs-money-native是一个类名。因此，现在我想弄清楚如何更改ID的值，假设如果我可以更改ID的值，它将添加到购物车中。我正在尝试使用以下代码：

  if (SizeInputVar >= 1 && SizeInputVar <= 1500) {
      var PriceChange = document.getElementsByClassName('sqs-native-money')[0].id = "PriceID12345";
      document.getElementById('PriceID12345').value = CalcValue;
    }

但是，当我输入值120时（这将首先触发该函数），则什么也没有发生。

我是编码的新手...试图使Squarespace网站执行一些本不应该做的事情。知道我在做什么错吗？如果不希望通过此方法获得将填充在sqs-native-money类中的值传递到购物车的信息，那么正确的方法是什么？

最佳答案

有错别字priceID12345应该是PriceID12345

var inpt = document.getElementsByClassName('sqs-native-money')[0];
inpt.setAttribute('id', "PriceID12345");
document.getElementById('PriceID12345').value = 100;

<input class='sqs-native-money' />