zoukankan      html  css  js  c++  java
  • about getElementsByTagName()的那点事

    定义和用法

    getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

    语法

    document.getElementsByTagName(tagname)

    说明

    getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

    如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

    提示和注释

    注释:传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

    实例

    例子 1

    <html>
    <head>
    <script type="text/javascript">
    function getElements()
      {
      var x=document.getElementsByTagName("input");
      alert(x.length);
      }
    </script>
    </head>
    <body>
    
    <input name="myInput" type="text" size="20" /><br />
    <input name="myInput" type="text" size="20" /><br />
    <input name="myInput" type="text" size="20" /><br />
    <br />
    <input type="button" onclick="getElements()"
    value="How many input elements?" />
    
    </body>
    </html>

    例子 2

    可以用 getElementsByTagName() 方法获取任何类型的 HTML 元素的列表。例如,下面的代码可获取文档中所有的表:

    var tables = document.getElementsByTagName("table");
    alert ("This document contains " + tables.length + " tables");
    

    例子 3

    如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如,下面的代码可以获得文档中的第四个段落:

    var myParagragh = document.getElementsByTagName("p")[3];
    

    不过,我们还是认为,如果您需要操作某个特定的元素,使用 getElementById() 方法将更为有效

    function queding()
    {
       var val="";
       var allclass=$('Type_left').getElementsByTagName('img');
       for(var i=0;i<allclass.length;i++)
       {
          if(allclass[i].className=="app-icon-seldw")
          {
             if(i<=5)
             {
                val+="公路建设-";
             }
             else if (i>=14 && i<=50)
             {
                val+="农村公路-";
             }
             else if(i>=53 && i<=62)
             {
                val+="公路养护-";
             }
             else
             {
                val+="其他-";
             }
             val+=allclass[i].nextSibling.firstChild.nodeValue+";";
          }
       }
    

  • 相关阅读:
    PHP合并数组array_merge函数运算符加号与的区别
    PHP 字符串为空
    50段超实用CSS代码(1)
    WCF 第三章 信道 总结
    WCF 第三章 信道 操作契约和信道形状
    WCF 第三章 信道
    WCF 第三章 信道形状
    WCF 第二章 契约 数据契约版本
    WCF 第二章 契约 消息契约
    WCF 第二章 契约 系列文章
  • 原文地址:https://www.cnblogs.com/0banana0/p/2059810.html
Copyright © 2011-2022 走看看