3.4 通过标签名获取网页中的多个文本

除了前面介绍的通过标签元素的id属性和name属性获取对象引用，HTML DOM还定义了一个getElementsByTagName()方法，专门用于获取对拥有指定标签名的全部元素对象集合的引用。

下面介绍一个JavaScript通过标签名获取网页中多个文本的代码实例。

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

● 第13～14行代码通过标签<input type="text">定义一组文本框，第15～16行代码通过标签<input type="button">定义另一组按钮控件，而且这两组均是通过<input>标签来定义的。

● 第23行代码通过标签名获取了全部<input>标签元素的对象集合。第25～28行代码通过for循环语句遍历了全部<input>标签元素。其中，第26行代码通过判断type属性值（text）来筛选集合中的文本框类型，并通过浏览器控制台输出了文本框的value属性值。

● 第37行代码通过判断type属性值（button）来筛选集合中的按钮控件类型，并通过浏览器控制台输出了按钮控件的value属性值。

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

图3.4 JavaScript通过标签名获取网页中的多个文本