获取JavaScript中的CSS类名

Get CSS class name in JavaScript

本文关键字：类名 CSS 中的 JavaScript 获取      更新时间：2023-09-26

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

例如：

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

现在，我想从中获取p标签的类名。

浏览器擅长HTML解析：

//setup
var tmp = document.createElement('div');
tmp.innerHTML = ddd;
// get the class
var class_name = tmp.children[0].className;

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

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

这将返回一个数组，该数组的元素之一是类名

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

此正则表达式将返回类名

相关文章：