document getElementByTagName() 方法定义
getElementByTagName() 方法根据给定的元素标签 name 查找文档元素,返回一个对象的集合。语法如下:
document.getElementByTagName(name)
提示:getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序,如果将 * 号传递给 getElementsByTagName() 方法,将返回文档中所有的元素。
getElementByTagName() 方法实例
<html> <head> <script type="text/javascript"> function getElements() { var x = document.getElementsByTagName("input"); alert("一共有 "+x.length+" 个 input 元素"); } </script> </head> <body> <p>请选择要删除的数据: <input type="checkbox" name="aid" value="1" />1 <input type="checkbox" name="aid" value="2" />2 <input type="checkbox" name="aid" value="3" />3 <input type="checkbox" name="aid" value="4" />4 <input type="checkbox" name="aid" value="5" />5 <button onclick="getElements()">确定</button> </p> </body> </html>
运行该例子,点击确认按钮,会弹出提示框并打印出:一共有 5 个 input 元素。
参考阅读
- JavaScript document getElementById() 方法:根据给定的 id 查找文档元素
- JavaScript document getElementByName():根据给定的 name 属性值查找文档元素