javascript没有获得价值

Question

我想知道以下是如何给我带来麻烦的，它看起来很直接，但我不确定是什么时候发生的。

所以我有一个输入框，我想让用户填写它，每次我运行以下

我得到身份不明，我不确定原因。

<input type="numbers" name="price" class="sell" placeholder="$0.00">

使用以下javascript

var price = document.getElementsByName("price")
    alert(price.value);

Answer 1

var price = document.getElementsByName("price")[0];
    alert(price.value);

document.getElementsByName将为您提供HTMLCollection（数组种类）作为返回类型。这是因为dom中的许多元素可能共享相同的名称。因此，如果您有多个具有相同名称的复选框，则可以使用数组索引引用每个复选框。

Answer 2

你有几个问题。

导致问题的是getElementsByName返回HTMLCollection（类似于数组），而不是单个元素。在尝试访问其属性之前，您需要从中取出第一个项目。

var price = document.getElementsByName("price")[0];

其次，numbers它不是一种输入。 number (singular)是。

第三，如果您举例$0.00，那么您通知人们您希望他们输入以$符号开头的值。您不能在号码中添加$。