如何获取更新的DOM元素JavaScript

Question

我正在尝试从javascript获取动态DOM元素，并且根据当前的开发，我可以成功获取更新的DOM HTMLCollection数组对象。但是，当我尝试打印innerHTML时，它会提供先前的DOM值。在我现在面对的控制台输出下方：

我要获取的HTMLcollection的控制台输出：突出显示的部分：

但是当我尝试获取该元素的innerHTML时，我得到的是先前的innerHTML，而我想打印当前的DOM innerHTML。下面是输出的屏幕截图：

我们可以看到同一DOM元素的两个屏幕截图，给出了不同的输出。这是我正在尝试获取innerHTML的javascript代码：

var $wrap = document.getElementsByClassName('single_variation_wrap')[0];
    var $deposit_amount = document.getElementById('deposit-amount');
    var $display_amount = document.getElementsByClassName('woocommerce-variation single_variation');
    $display_amount = $display_amount[0];
    var $final_display_amount = document.getElementsByClassName('woocommerce-variation-price');
    console.log($deposit_amount, $final_display_amount);
    for(var i=0; i<$final_display_amount[0].childNodes.length;i++){
      console.log($final_display_amount[0].childNodes[i].innerHTML);
}

请提出建议，我在哪里做错了事？