如何使用JavaScript插入动态生成的值

Question

我当前正在尝试在Avistly和ClickFunnels之间设置准确的收入跟踪，并在获得转换代码工作时遇到问题。基本上，最终订单价格是在CF确认页面中生成的：

<div class="totalprice">$67.99</div> 

我需要将该值插入不断的跟踪脚本中。目前，这是在标题中，但是我认为将其放在页脚中可能更好地确保已经加载了动态价格，但我不确定。在标准脚本启动之前，我试图将价格毫无疑问，而无需$货币标志。但这是行不通的。

<script type="text/javascript" src="https://alsearsmd.iljmp.com/improvely.js"></script>
<script type="text/javascript">
var price = document.getElementsByClassName('.totalprice').innerHTML.replace('$', '');  
improvely.init('alsearsmd', 1);
improvely.conversion({
    goal: 'sale',
    revenue: price,
    reference: '123'
});
</script>

Answer 1

尝试以下：

$(document).ready(function() {
    var prices = document.getElementsByClassName('totalprice');
    var price= 0;
    for (var i = 0; i < prices.length; i++) {
      price += parseFloat(prices[i].innerHTML.replace('$', ''));
    }
    improvely.init('alsearsmd', 1);
    improvely.conversion({
        goal: 'sale',
        revenue: price,
        reference: ''
    });
}

Answer 2

您的价格分配不起作用。

使用此：

var price = document.getElementsByClassName('totalprice')[0].innerHTML.replace('$', '');

（className不需要点，我们需要返回数组的第一个元素，[0]）

编辑：对于多个Divs，这是一种方法：

var price = [].slice.call(document.getElementsByClassName('totalprice')).map((div) => {
  return parseFloat(div.innerHTML.replace("$", ""));
}).reduce((a, b) => {
  return a + b;
}, 0);