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 相关文章推荐
js键盘事件的keyCode
Jul 29 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
微信小程序 video详解及简单实例
Jan 16 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
axios封装与传参示例详解
Oct 18 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
You might like
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
数字转英文
2006/12/06 PHP
PHP中的string类型使用说明
2010/07/27 PHP
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
浅谈super-vuex使用体验
2018/06/25 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
微信小程序登录时如何获取input框中的内容
2019/12/04 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
PyTorch搭建一维线性回归模型(二)
2019/05/22 Python
Python列表与元组的异同详解
2019/07/02 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
Python Serial串口基本操作(收发数据)
2020/11/06 Python
python 实现端口扫描工具
2020/12/18 Python
如何启动时不需输入用户名与密码
2014/05/09 面试题
公务员培训心得体会
2013/12/28 职场文书
大学生作弊检讨书
2014/02/19 职场文书
2014年超市工作总结
2014/11/19 职场文书
董事长秘书工作总结
2015/08/14 职场文书
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS
Python Matplotlib库实现画局部图
2021/11/17 Python
Docker安装MySql8并远程访问的实现
2022/07/07 Servers