js获取class属性名称

在JavaScript中，我们可以使用多种方法来获取指定class属性名的元素，以下是一些常用的方法：

目前创新互联已为数千家的企业提供了网站建设、域名、雅安服务器托管、网站改版维护、企业网站设计、漳平网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1、通过getElementsByClassName方法

getElementsByClassName是一个DOM API，它返回一个包含所有具有指定类名的元素的动态HTML集合，这个方法只返回实时（live）元素，所以即使文档结构改变，返回的集合也会更新。

var elements = document.getElementsByClassName('myClass');

2、通过querySelectorAll方法

querySelectorAll是一个更强大的选择器，它返回一个静态（static）NodeList对象，即使文档结构改变，返回的集合也不会更新，它可以匹配更多的CSS选择器，包括class选择器。

var elements = document.querySelectorAll('.myClass');

3、通过getElementById和getElementsByTagName结合使用

如果我们想要获取的元素只有一个，或者我们知道它的父元素，我们可以先使用getElementById或getElementsByTagName获取到父元素，然后在这个父元素上调用getElementsByClassName或querySelectorAll。

var parent = document.getElementById('parentId');
var elements = parent.getElementsByClassName('myClass');

4、通过遍历DOM树获取

如果我们想要获取的元素在DOM树的深处，我们可能需要遍历整个DOM树来找到它们，这通常需要使用递归函数。

function getElementsByClass(className, root) {
    var elements = [];
    root = root || document;
    var node = root.firstChild;
    while (node) {
        if (node.nodeType === 1 && node.classList && node.classList.contains(className)) {
            elements.push(node);
        }
        node = node.nextSibling;
    }
    return elements;
}

以上就是在JavaScript中获取指定class属性名的元素的一些常用方法，每种方法都有其优点和缺点，我们需要根据实际的需求和场景来选择合适的方法。