如何获取动态创建行的价格合计？

// HTML部分
<div id="dynamicRows">
  <!-- 动态创建的行 -->
</div>
<div id="totalPrice"></div>

// JavaScript部分
// 动态创建行的函数
function createRow() {
  // 创建行的代码...
  // 为价格输入框添加事件监听器
  priceInput.addEventListener('input', calculateTotal);
}

// 计算合计的函数
function calculateTotal() {
  var rows = document.querySelectorAll('#dynamicRows .row');
  var totalPrice = 0;

  // 遍历所有动态创建的行
  rows.forEach(function(row) {
    var priceInput = row.querySelector('.price');
    var price = parseFloat(priceInput.value);

    // 检查价格是否有效
    if (!isNaN(price)) {
      totalPrice += price;
    }
  });

  // 更新合计金额
  var totalPriceElement = document.getElementById('totalPrice');
  totalPriceElement.textContent = '合计金额：' + totalPrice.toFixed(2);
}