在JavaScript中获取CSS类名

时间:2011-09-19 09:02:19

标签: javascript css

我遇到了从JavaScript中的字符串中获取类名的问题。

例如:

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

现在我要获得p标签的类名。

4 个答案:

答案 0 :(得分:13)

浏览器很适合HTML解析:

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

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

答案 1 :(得分:0)

<!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>

答案 2 :(得分:-2)

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

这将返回一个类名为其中一个元素的数组

答案 3 :(得分:-2)

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

此正则表达式将返回您的班级名称