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

Question

我正在尝试将一个值传递给我的 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 的值传递到购物车，那么正确的方法是什么？

Answer 1

有错别字 priceID12345 应该是 PriceID12345

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

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