javascript获取元素的方法[xyyit]

最新推荐文章于 2024-07-30 17:53:50 发布

转载最新推荐文章于 2024-07-30 17:53:50 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xyyt/p/3467860.html

文章标签：

#javascript #前端 #ViewUI

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

转载于:https://www.cnblogs.com/xyyt/p/3467860.html