`
niunan
  • 浏览: 700919 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

使用javascript通过className来获取元素

阅读更多

开始慢慢从JQUERY再转回到纯JS。。。

//原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。
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;
}
  // 原来class为showye的全去掉
    var XX = getElementsByClassName('shouye');
    for (var i = 0; i < XX.length; i++) {
        XX[i].className = "";
    }

 转自:http://blog.csdn.net/greenerycn/archive/2008/10/07/3030269.aspx
自己测试在ie6,8,firefox,chrome下运行成功

分享到:
评论

相关推荐

    javascript通过className获取文件元素.docx

    javascript通过className获取文件元素.docx

    javascript通过className来获取元素的简单示例代码

    本篇文章主要是对javascript通过className来获取元素的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    JS封装通过className获取元素的函数示例

    主要介绍了JS封装通过className获取元素的函数,涉及javascript针对页面元素属性的遍历与数组相关操作技巧,需要的朋友可以参考下

    javascript通过class来获取元素实现代码

    代码如下: function getByClass(classname){ var nodes = document.getElementsByTagName(‘*’), ret=[]; for(var i=0;i&lt;nodes.length;i++){ if(hasClass(nodes[i],classname)) ret.push(nodes[i]); } return ...

    整理的JavaScript函数

    整理的10大JavaScript函数,prototype的$函数,隐藏、显示元素函数,通过className获取DOM元素函数

    JavaScript详解(第2版)

     18.4.1 使用Ajax从文件中获取文本   18.4.2 使用Ajax从文件中获取XML   18.4.3 Ajax和表单   18.5 Ajax和JSON   18.5.1 JSON数据结构   18.5.2 使用JSON的步骤   18.5.3 JSON综合示例   18.5...

    Javascript通过控制类名更改样式

    1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; ...

    JavaScript笔记

    可以使用任何文本编辑工具编写 JavaScript 代码,然后由浏览器解释执行。 JavaScript常用于实现如下功能: |--控制文档的外观和内容; |--对浏览器的控制; |--与 HTML 表单的交互; |--与用户的交互; |--...

    javascript中获取class的简单实现

    function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByClassName) //支持这个函数 { return document.getElementsByClassName(className); } else {...

    原生javascript实现Tab选项卡切换功能

    分析个人用原生JS获取类名元素的代码: 代码如下: getByClassName:function(className,parent){  var elem = [],  node = parent != undefined&&parent.nodeType==1?parent.getElementsByTagName(‘*’):document...

    Js Div属性大全

    className 设置或获取对象的类。 clientHeight 获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    [removed][removed][removed][removed][removed][removed]调用代码 你所需要做的所有事就是使用jQuery的方式选择一个元素并且调用插件。 $('a.myLinks').zoomimage(options); 可选项 一个哈希参数。所有的参数都是可...

    PHP 代码编辑器 CodeLobster PHP Edition 5.15.0 中文多语免费版.zip

    您还可以使用ContextHelp获取有关信息的快捷键。 ·代码折迭 ·对突出:突出成对标记和属性。 ·对选择,标记和属性选择命令:选择在当前块的内容。 ·工具提示:可查看光标所在变量的值和函数原型 ·按住CTRL键可...

    css介绍快速学习

    注:多个标签同样可以定义相同的id值,但是对于JavaScript对标签元素的获取就会出错。所以形成习惯,确保id值的唯一性对于以后的数据库设计也很有好处。 10.扩展选择器: a)关联选择器 标签是可以嵌套的...

    Js双日历控件,同时显示两个日期选择器

    摘要:脚本资源,Ajax/JavaScript,日历控件,日期选择器 Js双日历控件,在一个网页上同时显示两个日期选择器,写成了封装类,方便使用者调用。同时美化的相当不错。  包括了以下函数:  1、2012——2020年节假日信息...

    study_snabbdom:自己动手写,200行代码领略virtual DOM技术的风骚,一窥diff算法的思想

    如何获取元素? (1). document.getElementById(id:string(区分大小写)) @return: 元素对象Object (2). document.getElementsByTagName(tag:string(标签名)) @return: 元素对象集合的伪数组 HTMLCollection // HTML5...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JS学习笔记相关代码-测试代码

    用法:通过 data 属性在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置 data-target="#identifier"或href="#identifier"来指定要切换的特定的模态框(带有 id="identifier")。...

    Google-Clone-Personal-Project

    Google-Clone-Personal-Project行动计划上下文API 材质用户界面React路由器Google自定义搜索API 用React做我自己的自定义钩子-从服务器中获取信息Firebase设置应用程序以连接到Google 使用Firebase托管来部署应用...

Global site tag (gtag.js) - Google Analytics