zoukankan      html  css  js  c++  java
  • 2-1-动态方法:ByTagName()

    动态方法:ByTagName()

    <ul id="list">

    <li></li>
    <li></li>
    <li></li>

    </ul>

    <ol>
    <li></li>
    <li></li>

    </ol>

    var oUl = document.getElementById('list');        静态方法    找到一个元素  Id前面只能是document

    var aLi = oUl.getElementsByTagName('li');      动态方法     元素的集合 多个  Id前面可以是document  oUl之类

    在用 TagNasme 的时候,必须要加上:[ ]像数组一样的访问形式

    window.onload = function (){
    var oUl = document.getElementsByTagName('ul')[0];
    var aLi = oUl.getElementsByTagName('li');

          // alert( aLi.length );
    };

    ByTagName动态方法特性

    像网页中只有一个标签的 可以通过这样方式获取

    document.title = 123;
     document.body.innerHTML = 'abc'; 

    <script>
    window.onload = function (){
           var aBtn = document.getElementsByTagName('input');
    document.body.innerHTML = '<input type="button" value="按钮" /><input type="button" value="按钮" /><input type="button" value="按钮" />';
    aBtn[0].onclick = function (){ alert(1); };
    aBtn[1].onclick = function (){ alert(1); };
    aBtn[2].onclick = function (){ alert(1); };
    // 重复执行某些代码
    // 每次执行的时候,有个数字在变化
    };
    </script>

     

     

     

     

     

     

     

     

  • 相关阅读:
    hdu_5791_Two(DP)
    hdu_5783_Divide the Sequence(贪心)
    hdu_5769_Substring(后缀数组)
    hdu_5778_abs(暴力)
    hdu_5776_sum(前缀和维护)
    hdu_5777_domino(贪心)
    [wikioi2069]油画(贪心)
    [bzoj 1503][NOI 2004]郁闷的出纳员(平衡树)
    数据结构练习
    [poj3274]排排站(Hash)
  • 原文地址:https://www.cnblogs.com/Xuman0927/p/12050854.html
Copyright © 2011-2022 走看看