`
hylxinlang
  • 浏览: 128651 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

js根据classname获取元素

阅读更多

开发没用到js框架所以自己写了个函数来获取dom元素代码如下

<html>
<body>
	<div class="qq">sesdsds</div>
</body>
<script>
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;
}
var test=getElementsByClassName("qq")[0].innerText;
alert(test);
</script>
</html>

 

0
3
分享到:
评论

相关推荐

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

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

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

    首先,原生JavaScript提供了三种基本的获取元素的方法: 1. `getElementById('id')`:通过元素的唯一ID获取单个元素。这是最快且最直接的方式,但因为ID必须是唯一的,所以不能用于基于类名的选择。 2. `...

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

    本文实例讲述了JS封装通过className获取元素的函数。分享给大家供大家参考,具体如下: &lt;div class=star&gt;&lt;/div&gt; &lt;div class=star&gt;&lt;/div&gt; &lt;div class=app&gt;&lt;/div&gt; &lt;p class=star&gt;&lt;/p&gt; &lt;p class=ar&gt;&lt;/p&gt; 假设...

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

    以下是一个简单的示例,展示了如何通过类名获取元素: ```javascript function getElementsByClassName(n) { var classElements = [], allElements = document.getElementsByTagName('*'); for (var i = 0; i ; i...

    js获取页面控件坐标.pdf

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

    js通过元素class名字获取元素集合的具体实现

    代码如下: function getElementsByClassName(n) { var classElements = [],... i++ ) { if (allElements[i].className == n ) { classElements[classElements.length] = allElements[i]; } } return classElements; }

    js获取class的所有元素

    在给定的代码示例中,我们看到一个名为`getClass`的自定义函数,它用于根据标签名称和类名获取元素。这个功能在不支持`getElementsByClassName`原生方法的老版本浏览器中尤其有用。 首先,我们来详细解析这个`...

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

    ### JavaScript通过Class获取元素的方法详解 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助我们实现页面上的动态效果、数据交互等复杂功能。其中,获取DOM元素是进行这些操作的基础。本文将...

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

    除了上述三种基本方法,还可以根据元素的属性、前后关系、相对位置等使用更复杂的查询技术来获取DOM元素,例如querySelector和querySelectorAll方法,它们使用CSS选择器的方式来获取元素。这些选择器支持更复杂的...

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    在Web开发过程中,经常需要处理DOM(Document Object Model)的操作,包括获取元素、修改元素属性以及删除元素等。本文将详细介绍如何使用JavaScript(简称JS)和jQuery这两种流行的技术来获取指定元素的父元素,并...

    js 获取class的元素的方法 以及创建方法getElementsByClassName

    其中一种非常常见的情况是需要根据元素的class属性来获取元素集合。在JavaScript中,可以使用`getElementsByClassName`方法来实现这一需求。该方法是由文档对象模型(DOM)提供的一个原生JavaScript方法,能够返回一...

    js获取页面文字的例子

    此外,`innerText`属性也是获取元素文本内容的一种方式,但它会解析HTML标签并应用内联样式,所以通常`textContent`更为推荐。在实际开发中,根据需求选择合适的方法至关重要。 压缩包中的`test.html`文件可能是...

    用js获取元素属性的代码

    获取元素属性是JavaScript操作网页元素的基本能力之一。在HTML中,每一个元素都有其对应的属性,这些属性包括但不限于id、class、name、src、href、style等。JavaScript提供了多种方法来获取这些属性的值。 例如,...

    js获取元素的标签名实现方法

    这时,可以使用`querySelectorAll`或jQuery的`$(".className")`获取元素集合,然后对每个元素执行上述操作。 总的来说,获取元素标签名的关键在于使用`element.tagName`属性,并确保在比较时忽略大小写。这使得代码...

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

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

    javaScript给元素添加多个class的简单实现.docx

    ### JavaScript给元素添加多个class的简洁实现 #### 概述 在Web开发中,通过JavaScript动态地为HTML元素添加或删除CSS类名是一项常见的需求。本文档将详细介绍如何使用JavaScript来给HTML元素添加多个class,并...

    通过js给html元素赋值

    这里,`$('#elementId')`表示选择ID为`elementId`的元素,而`.text()`方法则用来设置或获取元素的文本内容。 3. **示例代码解析** 在给定的示例代码中,展示了如何使用JavaScript来动态添加和更新图片元素: `...

Global site tag (gtag.js) - Google Analytics