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 相关文章推荐
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
Jan 10 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 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
SONY ICF-SW07收音机电路分析
2021/03/02 无线电
从性能方面考虑PHP下载远程文件的3种方法
2015/12/29 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
webpack入门+react环境配置
2017/02/08 Javascript
Vue响应式原理详解
2017/04/18 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
python3中dict(字典)的使用方法示例
2017/03/22 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
Python决策树分类算法学习
2017/12/22 Python
python实现抽奖小程序
2020/04/15 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
Python中变量的输入输出实例代码详解
2019/07/28 Python
python多线程同步之文件读写控制
2021/02/25 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
python支持多继承吗
2020/06/19 Python
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
Daisy London官网:英国最大的首饰集团IBB旗下
2019/02/28 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
高中毕业自我鉴定范文
2013/10/02 职场文书
采购经理岗位职责
2014/02/16 职场文书
高中生的自我评价
2014/03/04 职场文书
三八节标语
2014/06/27 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript