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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
p5.js临摹动态图形实现方法详解
Oct 23 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 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
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
详解Bootstrap插件
2016/04/25 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
Vue-router 报错NavigationDuplicated的解决方法
2020/03/31 Javascript
VueCli生产环境打包部署跨域失败的解决
2020/11/13 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
使用Python快速制作可视化报表的方法
2019/02/03 Python
Python使用reportlab模块生成PDF格式的文档
2019/03/11 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
python获取引用对象的个数方式
2019/12/20 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
好的自荐信包括什么内容
2013/11/07 职场文书
新员工欢迎词
2014/01/12 职场文书
社团活动总结
2014/04/28 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL