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 相关文章推荐
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
表格单元格交错着色实现思路及代码
Apr 01 Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
Nov 09 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
Angular2 http jsonp的实例详解
Aug 31 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
JavaScript流程控制(循环)
Dec 06 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 缓存实现代码及详细注释
2010/05/16 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php计算整个目录大小的方法
2015/06/19 PHP
javaScript同意等待代码实现心得
2011/01/01 Javascript
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
浅谈JavaScript之事件绑定
2013/07/08 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
jQuery使用方法
2017/02/04 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
简单介绍Ruby中的CGI编程
2015/04/10 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
python适合人工智能的理由和优势
2019/06/28 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
业绩考核岗位职责
2014/02/01 职场文书
汉语言文学专业自荐信
2014/06/11 职场文书
IT工程师岗位职责
2014/07/04 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
佛光寺导游词
2015/02/10 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
信用卡工资证明范本
2015/06/19 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
Python基础之数据结构详解
2021/04/28 Python
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
frg-100简单操作(设置)说明
2022/04/05 无线电
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS