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中的运用上部
Nov 20 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
详解浏览器缓存和webpack缓存配置
Jul 06 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
vue 中的动态传参和query传参操作
Nov 09 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实现批量下载百度云盘文件例子分享
2014/04/10 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
php简单复制文件的方法
2016/05/09 PHP
PHP数组函数知识汇总
2016/05/12 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
php安全配置记录和常见错误梳理(总结)
2017/03/28 PHP
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
Python定时执行之Timer用法示例
2015/05/27 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
django实现后台显示媒体文件
2020/04/07 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
授权委托书(公民个人适用)
2014/09/19 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
高中生旷课检讨书
2014/10/08 职场文书
分析Netty直接内存原理及应用
2021/06/14 Java/Android
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
mysql自增长id用完了该怎么办
2022/02/12 MySQL