`
ayue222
  • 浏览: 49632 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 整合的获取ID,className,tagName的方法

阅读更多
var get=function(className, tag ,root) {
        if(arguments.length==1){
        	root = (arguments[0]) ? (typeof arguments[0]=="string")?document.getElementById(arguments[0]):arguments[0] : null || document;
        	return root;
        }
        root = (root) ? (typeof root=="string")?document.getElementById(root):root : null || document; 
        if (!root) {return [];}
        var nodes = [],elements = root.getElementsByTagName(tag);
        for (var i = 0, len = elements.length; i < len; ++i) {
        	if(elements[i].className==className||className=="*"){
                nodes[nodes.length] = elements[i];
            }
        }
        return nodes;
}
分享到:
评论
1 楼 cnxxg 2010-08-03  
这样能处理一个元素含有多个classname的情况吗?

相关推荐

    JavaScript实现获取dom中class的方法

    如果存在,则直接使用此方法获取具有特定class的元素;如果不存在,则改用`getElementsByTagName`方法,并遍历所有子节点,通过字符串匹配`className`属性来找出符合条件的元素。 4. 节点遍历: 在没有`...

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

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

    js通过classname来获取元素的方法

    在JavaScript中,获取具有特定类名(classname)的元素是一项常见的任务,特别是在DOM操作和页面交互中。在原生JavaScript中,有多种方法可以实现这一功能。本文将详细讲解通过类名获取元素的方法,并提供相应的代码...

    JavaScript获取并更改input标签name属性的方法

    1. **通过`getElementById`方法**:如果你知道`input`标签的ID,你可以直接使用`document.getElementById(id).getAttribute('name')`来获取`name`属性的值。但请注意,ID在文档中必须是唯一的。 2. **通过`...

    js获取页面控件坐标.pdf

    此外,在 HTML 文档中,我们还可以使用其他属性来获取元素的信息,例如可以使用 tagName 属性获取元素的标签名,使用 className 属性获取元素的类名,使用 id 属性获取元素的 ID 等。 在实际开发中,我们需要根据...

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

    本文将深入探讨如何使用`className`来获取和处理元素,并提供一个简单的示例代码作为参考。 首先,我们需要理解`className`属性的作用。在HTML中,类名用于标识或分组具有相同样式或功能的元素。`className`属性...

    jquery和javascript的区别(常用方法比较)

    例如,获取ID时,`JavaScript` 使用 `document.getElementById('idName')`,而 `jQuery` 使用简单的 `$('#idName')`。对于获取类名,`JavaScript` 没有内置方法,需要额外编写逻辑,而 `jQuery` 则提供 `$('....

    jQuery与javascript对照学习 获取父子前后元素 实现代码.docx

    ### jQuery与JavaScript获取父子前后元素实现代码 #### 一、引言 在Web前端开发过程中,经常需要对DOM(文档对象模型)进行操作,包括选取元素、修改样式、添加或删除节点等。jQuery作为一种轻量级的JavaScript库...

    06. 其他的选择器 (className/ Tag / Name Selector)

    [HTML][JavaScript][中文][初學]_06._其他的選擇器_(className__Tag___Name_Sel

    在Vue中获取组件声明时的name属性方法

    本文将详细介绍如何在Vue中获取组件声明时的`name`属性,并提供一种优雅的方式来处理和利用这个属性。 首先,让我们澄清一下`name`属性的作用。当我们在定义一个Vue组件时,可以通过`name`选项来设置它的名称: ``...

    JavaScript中常见获取元素的方法汇总

    本文将详细介绍JavaScript中三种常见的获取DOM元素的方法,这些方法包括通过元素ID获取、通过标签名获取以及通过类名获取。 首先,通过元素ID获取DOM元素是最常见和直接的方法。JavaScript提供了一个名为...

    JavaScript HTML DOM.docx

    - 使用 `element.getElementsByTagName("tagName")` 方法可以获取指定标签名的所有子元素。 ```javascript var x = document.getElementById("main"); var y = x.getElementsByTagName("p"); ``` 3. **通过类名...

    JavaScript更改class和id的方法

    是className,可不是class 注意JavaScript使用的是className去访问class属性,因为class是一个保留关键字,因为将来JavaScript可能开始支持像Java一样的类。 我们在讨论style属性时遇到了棘手的细节问题和浏览器差异...

    javascript中获取class的简单实现

    本文将详细介绍如何在JavaScript中简单实现获取class的方法。 首先,JavaScript原生并不直接提供获取class的API,但可以通过其他方式来实现。这里介绍两种主要的实现方式:一种是利用`document....

    整合Spring与Struts的几种方法

    接下来,有三种整合Spring和Struts的方法: 1. **继承Spring的ActionSupport类**:Action直接继承Spring的`ActionSupport`,并通过`ApplicationContext`获取服务。这种方式简单,但存在几个缺点:首先,Action与...

    一些常用且实用的原生JavaScript函数.docx

    `document.getElementById` 是用于获取ID匹配指定字符串的元素的原生方法。然而,通过创建一个简写函数可以简化代码,例如: ```javascript function $(id) { return document.getElementById(id); } ``` ...

    JavaScript设置获取和设置属性的方法

    在JavaScript中,操作HTML元素的属性是Web开发中的常见任务,`getAttribute`和`setAttribute`是两个关键的方法,用于获取和设置元素的属性值。这两个方法是DOM(Document Object Model)的一部分,允许开发者动态地...

    JavaScript样式.pdf

    总结起来,JavaScript提供了多种方式来修改HTML元素的外观,包括修改ID、className和style属性。在实际开发中,通常推荐使用修改className的方法,因为它更易于管理和适应复杂的样式变化。同时,了解如何正确地获取...

    将styleName转换成className使用编译期CSS模块解决方案

    `styleName`到`className`的转换是CSS模块化的一个关键环节,尤其是在使用了编译时处理的工具时。这个过程允许我们编写更语义化的样式名,并在编译时自动转换为唯一的类名,防止样式冲突。本篇文章将深入探讨如何...

Global site tag (gtag.js) - Google Analytics