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实现禁止后退的方法
Dec 27 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
详解js创建对象的几种方法及继承
Apr 12 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
Jquery让form表单异步提交代码实现
Nov 14 jQuery
JavaScript监听键盘事件代码实现
Jun 03 Javascript
element-ui tree结构实现增删改自定义功能代码
Aug 31 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 Javascript
vue-router定义元信息meta操作
Dec 07 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
一个多文件上传的例子(原创)
2006/10/09 PHP
php中的MVC模式运用技巧
2007/05/03 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
前端如何实现动画过渡效果
2021/02/05 Javascript
Python入门篇之正则表达式
2014/10/20 Python
Python实现句子翻译功能
2017/11/14 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
python实现学员管理系统
2019/02/26 Python
Python数据类型之List列表实例详解
2019/05/08 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
python实例化对象的具体方法
2020/06/17 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
艺术用品:Arteza
2018/11/25 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
房屋改造计划书
2014/01/10 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
cf战队收人口号
2014/06/21 职场文书
酒后驾车标语
2014/06/30 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android