3.2 通过id获取网页中的元素对象

HTML DOM定义了一个getElementById()方法，专门用于获取对拥有指定id的元素对象集合中的第1个元素对象的引用。下面介绍一个JavaScript通过id属性获取对元素对象引用的代码实例。

关于【代码3-2】的说明：

● 第13～14行代码通过标签<input>定义一组文本框（分别定义了id属性），用于输入姓名。

● 第17～19行代码通过标签<span>定义了一组行内元素（分别定义了有一定规则的id属性），用于显示从第13～14行代码中定义的文本框中获取姓名。

● 第27～28行代码通过一个for语句循环调用getElementById()方法，依次将姓名信息显示在第17～19行代码定义的<span>行内标签元素中。这里特别需要留意的是，getElementById()方法中id参数是根据自变量i的取值来生成的。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.1所示。