精华内容
下载资源
问答
  • JS获取class属性

    2013-02-27 16:03:15
    //用js获取Class方法 function getByClass (className,context){ context = context || document; if (context.getElementsByClassName){ return context.getElementsByClassName(className); } var nodes = ...

    //用js获取Class方法

    function getByClass (className,context){

    context = context || document;

    if (context.getElementsByClassName){

    return context.getElementsByClassName(className);

    }

    var nodes = context.getElementsByTagName('*'),

    ret = [];

    for (var i = 0;i<nodes.length;i++ ){

    if (hasClass(nodes[i],className)) ret.push(nodes[i]);

    }

    return ret;

    }

    function hasClass(node,className){

    var names = node.className.split(/\s+/);

    for (var i = 0;i<names.length;i++){

    if (names[i] == className)

    return true;

    }

    return false;

    }

    调用方法

    var className = getByClass(muuid);//由于IE下使用name属性存在长度+1的问题所以改用class属性

    展开全文
  • 原生JS里获取class属性

    2012-04-13 13:50:00
        &lt;div class = "dom'&...function $class(domclass) ... var odiv = document.getElementsByTagName("*"); var a; for(var i = 0; i&lt;odiv.length;...

     

     

     

    <div class = "dom'>
    </div>

     

    元素JS实现方法:

    function $class(domclass)
    {
        var odiv = document.getElementsByTagName("*");
        var a;
        for(var i = 0; i<odiv.length; i++)
        {
            if(odiv[i].className == domclass)
            {
                a = odiv
            }
            return a;
        }
    }
      

    用这个函数来获取就很简单了只需要var d = $class("dom");

    这个函数的意思是:
    var odiv = document.getElementsByTagName("*");
    这句意思是获取页面中所有的DOM元素

    for(var i = 0;i<odiv.length;i++){
    if(odiv.className ==domclass){
    a = odiv
    }
    这个是遍历页面中所有元素然后拿他们的class进行比对。如果和我们传进来的domclass这个参数一样就把这个元素拿给a;
    return a;把a返回出来

    所以用var d = $class("dom");就相当于var d = a;

    (顺便说下className是这JS的一个属性就是得到DOM元素的命名的class)

     

     

     

     

     

     

     

    展开全文
  • 设置class属性的值

    千次阅读 2017-09-06 14:46:12
     //获得span标签所有的class属性名称  var obj = document.getElementsByTagName("span");  //设置定义一个class属性名称  var class_name = "uploadify-button-text zj01";  //遍历符合定义的class属性...
     //添加如下代码,设置class属性的值,如下是我设置为空不显示
     //获得span标签所有的class属性名称
     var obj = document.getElementsByTagName("span");
     //设置定义一个class属性名称
      var class_name = "uploadify-button-text zj01";
     //遍历符合定义的class属性名称,则修改为空
       for(i in obj){
           if(obj[i].className == class_name){
               obj[i].innerHTML='';
             }
       }

    展开全文
  • 今天在工作中,用到了设置...一、如何用原生js获取class属性 1 <div class = "dom'> 2 </div> 元素JS实现方法: 1 function $class(domclass) 2 { 3 var odiv = document.getElementsByT...

    今天在工作中,用到了设置className,因此查阅了一下资料,总结一下。

    一、如何用原生js获取class属性

    1 <div class = "dom'>
    2 </div>

    元素JS实现方法:

     1 function $class(domclass)
     2  {
     3      var odiv = document.getElementsByTagName("*");
     4      var aResult = []; //定义一个空数组,用来存放与目标className相同的元素
     5      for(var i = 0; i<odiv.length; i++)
     6      {//这个是遍历页面中所有元素然后拿他们的class进行对比。如果和我们传进来的domclass这个参数一样就把他放进数组 aResult中。
     7          if(odiv[i].className == domclass)
     8          {
     9              aResult.push(oDiv[i]);   //获取到的元素推进数组中
    10          }
    11          return aResult;   //返回这个放进了domclass元素的数组
    12      }
    13  }
    14 window.onload = function(){
    15    alert($class('boom').length); //获取这些元素的个数
    16    alert($class('boom')[0].className); //获取这些元素的第一个元素的className,其实都是一样的className.
    17 }

     

    用这个函数来获取就很简单了只需要var d = $class("dom");

    这个函数的意思是:
    var odiv = document.getElementsByTagName("*");
    这句意思是获取页面中所有的DOM元素 

    二、js改变或添加className

    1 <style type="text/css">
    2 .newDiv {
    3     font-weight: bold;
    4 }
    5 </style>
     1 <script>
     2 function clk() {
     3     var parent = document.getElementById("parent");
     4    // parent.className = parent.className + " newDiv";  //添加classname
     5 
     6    parent.className = " newDiv";  //改变classname
     7 
     8 }
     9 </script>
    10 
    11 </head>
    12 <body>
    13 <input type="button" value="click" onclick="clk();"/>
    14 <div id="parent" class="google">
    15     <div >child</div>
    16 </div>
    17 
    18 </body>

     

    转载于:https://www.cnblogs.com/hl-520/p/4245475.html

    展开全文
  • 获取class列表属性方法 classList length : class的长度 add() : 添加class方法 remove() : 删除class方法 toggle() : 切换class方法 <!DOCTYPE HTML> ; charse
  • js修改html中class属性

    万次阅读 2016-10-22 01:05:11
    一、获取class属性值 var value = $("div").attr("class"); //这里获取class属性值 var array=val.split(" "); //把class值用空格分开,通过数组获取每个值 二、更改class属性document.getElementById("tr")....
  • js根据class属性获取所有标签

    万次阅读 2017-12-11 13:15:42
    //获取所有的class的元素  function getClass(tagName, className) //获得标签名为tagName,类名className的元素  {  if (document.getElementsByClassName) //支持这个函数  {  return document.getEleme
  • js获取class中的属性

    万次阅读 2018-07-17 09:49:09
    js获取class属性需要的函数obj.currentStyle[attr]和getComputedStyle(element, null) var oDiv = document.getElementById('div1');  function getStyle(obj, attr){  return obj.currentStyle ? obj....
  • JavaScript 删除class属性

    千次阅读 2019-04-01 21:14:46
    本文介绍一下利用JavaScript删除元素的class属性。 考虑范围更广一些,可以包括如下两个操作: (1).删除class属性。 (2).删除class属性值中的某一个类。 一.删除class属性: <!doctype html> <html>...
  • js通过class获取标签里面的内容——看源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p ...
  • 获取标签中的class属性的值

    千次阅读 2019-08-13 10:07:58
    我遇到了一个小问题,就是怎样获取标签内的class属性值,于是乎我就测试了几个我能想到的方法,写了下来供自己查看,在这里也和大家分享一下。 DOM对象和jQuery对象: <!DOCTYPE html> <html> <...
  • // he 是HtmlElement对象 // GetAttribute("class") 一直取空值 he.GetAttribute("className") 转载于:https://www.cnblogs.com/bovenson/p/6616157.html
  • 原生Js通过class属性获取对象

    万次阅读 2016-01-04 15:03:31
    原生Js通过class属性获取对象 window.onload = function(){ console.log(getElementByClassName("tag").length); console.log(getElementByClassName("tag")); } function getElementByClassName(classnames){ ...
  • html5 — 获取class列表属性

    千次阅读 2016-10-16 20:58:03
    classList用classList获取一个元素的class集合,类数组对象基于classList的方法: —length : class的长度 —add() : 添加class方法 —remove() : 删除class方法 —toggle() : 切换class方法(切换是指没有class...
  • js: document.createElement("div") jQuery: $("<div></div>") 2,创建文本节点并添加到某个元素节点: js: var e1 = document.createTextNode("text content"); // 创建文本节点 var e2 = document...
  • 根据class属性获取元素 var target = document.getElementsByClassName(className);   使用例子: 循环中多个div,只显示一个。每个div都有一个按钮与之对应。 (i)"> <div id="div"+i class="showSingleDiv">...
  • Document document = Jsoup.connect(“https://xxx”).get(); class查询 Elements elements = document.select(“div[class=xxx]”); id查询 Elements elements = document.select(“div[id=xxx]”);
  • 你可能说可以直接用document.getElementById(“id”).style.margin获取。但是你说的只能获取直接在标签中写的style的属性,无法获取标签style外的属性(如css文件中的属性)。而下面方法则两者值都可以获取。实例效果...
  • 直接上原始的代码 <title> JS中getAttribute方法 </head> <input type="text" class = "textclass" name ="inputtext" value="123"/> <script type="text/javascript">
  • class属性添加单击事件

    千次阅读 2019-06-15 17:15:15
    默认情况下,函数无法为所有的class属性,做单击事件. 通过如下方法,为所有的class属性,添加单击事件. <span class="test">test1</span> <span class="test">test2</span> <span ...
  • Document对象常用属性和方法

    千次阅读 2018-06-19 13:30:14
    对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)documen...
  • JS直接修改CSS属性/id属性/class属性

    万次阅读 2017-09-01 23:12:11
    关键函数: document.createAttribute(‘style’):创建属性节点 obj.setAttributeNode(attr_node):向obj元素中添加指定的属性值 <!DOCTYPE html> 直接修改style属性 <style>
  • TR id="t030006" class="sr plus selected"> <TD><INPUT id=cvrgNo030006 value=030006 readOnly CHECKED type=checkbox jQuery1456994811776="96"></TD> <TD>车辆...
  • DOM 节点层次: Document类型 ...JavaScript 通过 Document 类型表示文档。...而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问。 1、文档子节点 可以使用documen
  • JavaScript 改变标签的css 的class属性

    万次阅读 2018-12-25 15:59:24
    今天做设计模式作业的时候要用到js,为了好看一些,打算通过js来改变HTML标签的class属性  直接通过dom语法来修改HTML的css属性 document.getElementById("btn1").setAttribute("class",&...
  • function getClass(abc) {  var reg=new RegExp(abc);...document.all:document.getElementsByTagName('*');  var l=all.length;  var element=new Array();  for(var i=0;i  {  if(re
  • var add_div=document.getElementById("add_div"); //添加class属性 add_div.classList.add("mui-hidden"); //移除class属性 add_div.classList.remove("mui-hidden");

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 195,829
精华内容 78,331
关键字:

document获取class属性