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 相关文章推荐
js 深拷贝函数
Dec 04 Javascript
jquery 弹出登录窗口实现代码
Dec 24 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
Javascript倒计时代码
Aug 12 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 Javascript
element tree树形组件回显数据问题解决
Aug 14 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 error_log 函数的使用
2009/04/13 PHP
PHP5函数小全(分享)
2013/06/06 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
lib.utf.js
2007/08/21 Javascript
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
JavaScript中判断函数是new还是()调用的区别说明
2011/04/07 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
python mysql中in参数化说明
2020/06/05 Python
python如何查看网页代码
2020/06/07 Python
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
两只小狮子教学反思
2014/02/05 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
上课迟到检讨书
2014/02/19 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
上课说话检讨书
2015/01/27 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL