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 相关文章推荐
javascript 循环读取JSON数据的代码
Jul 17 Javascript
jQuery图片的展开和收缩实现代码
Apr 16 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 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
PHP imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php中使用websocket详解
2016/09/23 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
javascript常见用法总结
2014/05/22 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
微信小程序实现图片懒加载的示例代码
2017/12/13 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python自定义主从分布式架构实例分析
2016/09/19 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
python实现图片中文字分割效果
2019/07/22 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
为什么称python为胶水语言
2020/06/16 Python
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
校园公益广告语
2014/03/13 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
如何写辞职书
2015/02/26 职场文书
纪检监察立案决定书
2015/06/24 职场文书
草房子读书笔记
2015/06/29 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书