编程 Javascript

javascript通过className来获取元素的简单示例代码

Posted in Javascript onJanuary 10, 2014

示例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
//使用javascript通过className来获取元素
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;
}


</script>
<style type="text/css" >
.shouye{
    font-size:12px;
    color:red;
}
</style>
</head>
<body>
<div class="shouye" >张三</div>
<script type="text/javascript">
var XX=getElementsbyClassName('shouye');
for(var i=0;i<XX.length;i++){
        XX[i].className="";
}
</script>
</body>
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

表单内同名元素的控制

Nov 22 Javascript

Extjs学习笔记之六面版

Jan 08 Javascript

JavaScript高级程序设计读书笔记之十本地对象Date日期

Feb 27 Javascript

javascript实现可拖动变色并关闭层窗口实例

May 15 Javascript

javascript中的五种基本数据类型

Aug 26 Javascript

javascript的理解及经典案例分析

May 20 Javascript

微信小程序如何引入外部字体库iconfont的图标

Jan 31 Javascript

js实现二级菜单点击显示当前内容效果

Apr 28 Javascript

Vue源码之关于vm.$delete()/Vue.use()内部原理详解

May 01 Javascript

Vue基础学习之项目整合及优化

Jun 02 Javascript

微信内置浏览器图片查看器的代码实例

Oct 08 Javascript

Vue调用后端java接口的实例代码

Oct 28 Javascript

深入理解JSON数据源格式

Jan 10 #Javascript

文本框(input)获取焦点(onfocus)时样式改变的示例代码

Jan 10 #Javascript

Script标签与访问HTML页面详解

Jan 10 #Javascript

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法

Jan 10 #Javascript

JQuery中使用Ajax赋值给全局变量异常的解决方法

Jan 10 #Javascript

jquery和javascript中如何将一元素的内容赋给另一元素

Jan 09 #Javascript

引入JS文件IE6报语法错误或缺少对象问题的解决方法

Jan 09 #Javascript