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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
精通Javascript系列之Javascript基础篇
Jun 07 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
Vue.js快速入门教程
Sep 07 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
基于VUE的v-charts的曲线显示功能
Oct 01 Javascript
vue路由分文件拆分管理详解
Aug 13 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
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php json与xml序列化/反序列化
2013/10/28 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
详解JavaScript中的数组合并方法和对象合并方法
2018/05/11 Javascript
微信小程序签到功能
2018/10/31 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
Windows下为Python安装Matplotlib模块
2015/11/06 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
Pandas分组与排序的实现
2019/07/23 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
迪奥美国官网:Dior美国
2019/12/07 全球购物
毕业设计计划书
2014/01/09 职场文书
药品采购员岗位职责
2014/02/08 职场文书
教育技术职业规划范文
2014/03/04 职场文书
2014党员干部四风问题对照检查材料思想汇报
2014/09/24 职场文书
学习心理学的体会
2014/11/07 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书