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 相关文章推荐
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
May 04 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
js表头排序实现方法
Jan 16 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
vuejs移动端实现div拖拽移动
Jul 25 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
Jul 26 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编码规范-php coding standard
2007/03/16 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
php 伪造HTTP_REFERER页面URL来源的三种方法
2016/09/22 PHP
js几个验证函数代码
2010/03/25 Javascript
Javascript中的isNaN函数使用说明
2011/11/10 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
微信小程序云开发(数据库)详解
2019/05/17 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
python回调函数的使用方法
2014/01/23 Python
详解python的webrtc库实现语音端点检测
2017/05/31 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
python 实现超级玛丽游戏
2020/11/25 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
小学毕业典礼主持词
2014/03/27 职场文书
委托书的写法
2014/08/30 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
教师节祝酒词
2015/08/11 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
新手入门Mysql--sql执行过程
2021/06/20 MySQL
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android