JavaScript getting an elements class without any libraries

前端 未结 4 673
隐瞒了意图╮
隐瞒了意图╮ 2020-12-10 09:53

I would like to get the value of the class attribute for an element using JavaScript. However in this particular situation I don\'t have the luxury of libr

相关标签:
4条回答
  • 2020-12-10 10:36

    className?

    Element.className

    <html>
    <body id="myid" class="mystyle">
    
    <script>
    var x=document.getElementsByTagName('body')[0];
    document.write("Body CSS class: " + x.className);
    document.write("<br>");
    document.write("An alternate way: ");
    document.write(document.getElementById('myid').className);
    </script>
    
    </body>
    </html>
    
    0 讨论(0)
  • 2020-12-10 10:43

    This line that you posted should work:

    var colClass = el.getAttribute('class');
    

    Could you post what error you get in the browser? Make sure that el is not null.

    If you won't get that one to work, the attribute of the object is className, not class:

    var colClass = el.className;
    
    0 讨论(0)
  • 2020-12-10 10:45

    Remember:

    If you get an error and className does not work this can be due to your element being a jQuery object.

    In the picture above you see that I canot use className on a jQuery object

    0 讨论(0)
  • 2020-12-10 10:59

    Maybe you should try this

    var colClass = el.className
    
    0 讨论(0)
提交回复
热议问题