- html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>通过document集合属性获取标签对象title>
- head>
- <body>
- <a href="#">超链接a>
- <img src="" /> <img src="" />
- <form>form>
- <a href="#">跳转a>
- <form>form>
- body>
-
- <script>
- //document集合属性:
- //all:获取当前html页面中所有的标签对象:返回的是一个节点列表
- //links:获取当前html页面中所有的a标签对象以及area标签对象(默认的的超链接)
- //images:获取当前html页面所有的img标签对象,返回的是一个节点列表
- //forms:获取当前html页面所有的form标签对象,返回的是一个节点列表
- /* var nodeList=document.all; */
- /* var nodeList=document.links; */
- /* var nodeList=document.images; */
- var nodeList=document.forms;
- alert(nodeList.length);
- for(var i=0;i
length;i++){ - //节点名称属性:nodeName
- alert(nodeList[i].nodeName);
- }
-
- script>
- html>