zoukankan      html  css  js  c++  java
  • javascript获取元素的方法[xyyit]

    1. javascript默认的方法:

    <div id=”div_id” class=”div_class”  name=”div_name”></div>
    
    //1. 根据id 获取:
    Var divObj=document.getElementById(div_id ");
    //2. 根据标签获取:
    Var divObj= document.getElementsByTagName("div ");
    //3. 根据name属性获取:
    Var divObj= document.getElementsByName("div_name ");

    2. 根据className就能获取标签元素:

    Html前端开发中使用class=””属性的比较多,id只能有一个,name很少用,所以还需要一种根据className就能获取标签元素的方法。

    很可惜,貌似目前javascript还没有这个功能,只有一个替代的方法,在不方便使用上述方法的情况下,可以用下:

    /*
    * 取得对应类和标签的HTML元素
    * clsName:给定类名
    * tagName:给定的HTML元素,如果为任意 tagName='*'
    *
    */
    function getElementsByClassName(clsName, tagName) {
        var ClassElements = [];
        selElements = document.getElementsByTagName(tagName);
        for (var i = 0; i < selElements.length; i++) {
            if (selElements[i].className == clsName) {
                ClassElements[ClassElements.length] = selElements[i];
            }
        }
        return ClassElements;
    }
  • 相关阅读:
    看到一个很好看的细细的字体
    meta标签常用属性整理
    网页字体排印指南
    利用伪元素仿苹果手机官网导航
    利用css3-animation来制作逐帧动画
    CSS实现垂直居中的5种方法
    前端网站
    icon font
    flexbox布局总结
    Yahoo(YUI) CSS Reset:
  • 原文地址:https://www.cnblogs.com/xyyt/p/3467860.html
Copyright © 2011-2022 走看看