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

  • 相关阅读:
    Postman安装出错.NET Framework 4.5 failed to install
    给小白的资源
    windows update自启动解决方法
    Fragment简介及使用
    samba修复
    我的Android知识结构图——20200507停止更新,后续通过标签或分类继续完善结构图
    Android_适配器(adapter)之BaseAdapter
    Android_适配器(adapter)之SimpleAdapter
    Android_适配器(adapter)之ArrayAdapter
    Linux部分场景非常有用的命令集1_chattr&ldd&xargs&screen&ssh&磁盘&du
  • 原文地址:https://www.cnblogs.com/0banana0/p/2059810.html
Copyright © 2020-2023  润新知