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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
Jan 22 Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
Layui实现带查询条件的分页
Jul 27 Javascript
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
深入理解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文件
2007/01/04 PHP
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
深入理解Python中命名空间的查找规则LEGB
2015/08/06 Python
python实现图书管理系统
2018/03/12 Python
Python中的CSV文件使用&quot;with&quot;语句的方式详解
2018/10/16 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python基础教程之while循环
2019/08/14 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
厨房工作人员岗位职责
2013/11/15 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
劳模事迹材料范文
2014/12/24 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js