php - 使用 getElementByClassName，并通过表单携带变量

Question

所以我试图以 html 形式跨页面传递 javascript 函数值。我用来显示值，并使用隐藏的输入字段来存储它。这是我的代码:

  <div class="totalPrice"></div>
  <input type="hidden" name="totalPrice" class="totalPrice">

它是一个更大表单的一部分，通过按钮提交。在下一页:

 session_start();
 $_SESSION['totalPrice'] = $_POST['totalPrice'];

在我的 javascript 页面上，它正确地进行计算，这是 javascript 函数:

function getTotal()
{
var weekTotalPrice = weekPrice(); 
document.getElementByClassName('totalPrice').innerHTML = weekTotalPrice;
}

问题如下:

1. 类函数 getElementByClassName 无法正常工作，因为我看不到我的总价。当我在没有隐藏输入字段的情况下使用 id 时，它工作得很好。

2. 我的旧 JavaScript 代码如下:

   document.getElementByClassName('totalPrice').innerHTML = "总价:$"+ weekTotalPrice;

但是，它仍然显示“总价:$”部分，尽管显然我已将其删除。我仔细检查了是否保存了文件，然后重置了本地 MAMP 服务器。

我很想知道这两个问题的解决方案，非常感谢。谢谢。

Answer 1

您的getElementByClassName是错误的，它应该是getElementsByClassName。此外，getElementsByClassName 返回一组项目，而不是单个项目。您需要指定要使用的项目。与此相反，您可以使用 getElementById 并在要更改的元素上指定 ID，以使其更易于处理。通过 ID 引用 DOM 对象比类更快。