理解几行JavaScript代码

我是JavaScript新手。我想编写一个JavaScript来计算各种几何图形的面积。该程序从用户那里获取尺寸。我想知道[0]在下面的行中显示了什么：

document.getElementsByName('ID OF INPUT FIELD')[0].value;

有人能给我这个东西的名字吗（比如数组等等！）这样我就可以学习它了，或者请给我一个链接来理解它

函数func（）{
var base=document.getElementsByName（'width'）[0].value；//-->[0]显示了什么？
var height=document.getElementsByName（'height'）[0]。值；
变量输出=（1/2）*parseFloat（基础）*parseFloat（高度）；
document.getElementsByName（'output'）[0]。value=out；
}

计算面积

宽度（b）：




高度（h）：




该区域为：

document.getElementsByName（'width'）行返回所有名为

“width”

（及其列表）的HTML dom元素

因此，在您的示例中，它将元素

作为列表返回。您正在使用[0]获取第一个元素

getElementsByName（'width'）

返回一个节点列表，其中包含一个

name

属性的元素，该属性的值为

'width'

返回一个值，即具有名为

“name”

和值

“width”

的属性的节点列表。对于示例HTML，它将为您提供长度为1的

节点列表

，第一项（也是唯一一项）是宽度的文本输入框：

<input type="textbox" name="width">

创建一个名为

base

的变量，该变量引用在第一个文本输入框中输入的值，其

name

属性设置为

“width”

---

您可以看到，使用相同的技术获取高度并将结果写入带有

name=“output”

文档的文本框中。getElementsByName api将返回元素集合。因此[0]将返回找到的第一个元素，该元素与“name”属性的值匹配。 例如：

var base=document.getElementsByName（'宽度'）

“base”是包含属性“name”=“width”的所有元素的数组。

---

因此，如果您想访问第一个元素，只需写这一行：base[0]。

它将获取节点列表中第一个位置的节点。

var base = document.getElementsByName('width')[0].value;