您的位置：首页 > Web前端 > JavaScript

js 通过className来获取元素

2015-05-22 15:18 501 查看

在网页中除了需要用id, name, tag等来获取元素外，也需要用css的class来获取。

今天找了下资料，记录一下。

原理：用document.getElementsByTagName(‘*’);来获取所有元素，然后取得相同Class的元素。

function getElementsByClassName(n) {
var classElements = [],allElements = document.getElementsByTagName('*');
for (var i=0; i< allElements.length; i++ )
{
if (allElements[i].className == n ) {
classElements[classElements.length] = allElements[i];
}
}
return classElements;
}

使用方法如下：

var redClassElements = getElementsByClassName('red');
for (var i=0; i<redClassElements.length; i++) {
redClassElements[i].style.display = "none";
}

转载自：http://blog.csdn.net/greenerycn/article/details/3030269

参考：http://www.imooc.com/wenda/detail/29466

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航