编程 Javascript

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 相关文章推荐

Javascript 多物体运动的实现

Dec 24 Javascript

jquery实现平滑的二级下拉菜单效果

Aug 26 Javascript

JS实现日期时间动态显示的方法

Dec 07 Javascript

Node.js编写爬虫的基本思路及抓取百度图片的实例分享

Mar 12 Javascript

jQuery实现表格元素动态创建功能

Jan 09 Javascript

PHP7新特性简述

Jun 11 Javascript

JavaScript引用类型Date常见用法实例分析

Aug 08 Javascript

vue+axios+promise实际开发用法详解

Oct 15 Javascript

小程序封装路由文件和路由方法(5种全解析)

May 26 Javascript

vue axios重复点击取消上一次请求封装的方法

Jun 19 Javascript

使用React-Router实现前端路由鉴权的示例代码

Jul 26 Javascript

vue cli 3.0通用打包配置代码,不分一二级目录

Sep 02 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