CODEWITHSUNDEEP
javascriptcss
Anil
Anil

Reputation: 31

Get CSS class name in JavaScript

I am facing a problem to get the class name from a string in JavaScript.

For example:

var ddd="<p class='Box_title'>Heading text here...</p>";

Now from that I want to get p tag's class name.

Upvotes: 2

Views: 51232

Answers (4)

GoRoS
GoRoS

Reputation: 5375

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
 <html>
   <head>
     <title>Ejemplo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
       <script type="text/javascript">
           $(document).ready(function() {
                var ddd="<p class='Box_title'>Heading text here...</p>";
                $('.container').append(ddd);
                alert($('.container').children(':first-child').attr("class"));
        });
       </script>
   </head>
   <body>
     <div class="container">
    </div>
   </body>
 </html>

Upvotes: 0

Felix Kling
Felix Kling

Reputation: 816334

Browsers are good in HTML parsing:

//setup
var tmp = document.createElement('div');
tmp.innerHTML = ddd;

// get the class
var class_name = tmp.children[0].className;

Upvotes: 14

Senad Meškin
Senad Meškin

Reputation: 13756

var d = "<p class='Box_title'>Heading text here...</p>";
var cls = d.match(/class\=\'(.*)\'/);
alert(cls[1]);

This regex will return your class name

Upvotes: -1

Headshota
Headshota

Reputation: 21449

   var RegExp = /class='(.+)'/;
   var result = RegExp.exec("<p class='Box_title'>Heading text here...</p>");

this will return an array with class name as one of it's elements

Upvotes: -1

Related Questions