`
hylxinlang
  • 浏览: 125113 次
  • 性别: 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来获取元素的方法

    下面小编就为大家带来一篇js通过classname来获取元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧

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

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

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

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

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

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

    js获取class的所有元素

    代码如下:&lt;...&lt;head&gt;[removed] [removed] = function(){ var topMenus = getClass(‘li’,’topMenu’);...function getClass(tagName,className) //获得标签名为tagName,类名className的元素{ if(documen

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

    js 获取class的元素的方法 以及创建方法getElementsByClassName,需要的朋友可以参考一下

    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通过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 ...

    Js Div属性大全

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

    整理的JavaScript函数

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

    javascript中获取class的简单实现

    js中没有获取class的办法,找了一些封装好的方法,这里整理一下 (1)先进行封装 //封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document....

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

     5、获取目标元素针对于文档的位置  6、元素选择器  7、查找元素位置  8、判断目标元素是否包含指定的className    关于一些日历调用的参数说明:Calendar({  id: "#J_date_1", //触发显示日历元素ID ...

    JavaScript详解(第2版)

     14.11.4 className属性   14.11.5 下拉菜单和提示框   14.12 应知应会   练习   第15章 W3C DOM与JavaScript   15.1 W3C DOM   15.2 理解DOM节点   15.3 节点   15.3.1 父节点和子节点...

    详解原生JS动态添加和删除类

    添加和和删除类有三种方法 首先等到一个 dom 对象(也叫...1.通过类名, 获取类名: el.className, 赋值: el.className = “className” 会覆盖掉原来的类 2.通过属性,获取类名: el.getAttribute(“class”); 赋值:

Global site tag (gtag.js) - Google Analytics