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+";";
          }
       }
    

  • 相关阅读:
    【皇甫】☀ 亮眼的颜色
    【皇甫】☀独一无二
    【皇甫】☀唯一
    【皇甫】☀一本好书 你值得浏览
    【皇甫】☀标题自己起 进来看像啥就是啥
    【皇甫】☀说说那些选择器
    【皇甫】☀标题被你吃了
    【皇甫】☀四套写入方案(仅供参考)
    【皇甫】☀内侧小解析---小行动(2)
    【皇甫】☀内侧小解析---小行动(1)
  • 原文地址:https://www.cnblogs.com/0banana0/p/2059810.html
Copyright © 2011-2022 走看看