2011-09-19 75 views
2

我面临从JavaScript中的字符串获取类名的问题。在JavaScript中获取CSS类名称

例如:

var ddd="<p class='Box_title'>Heading text here...</p>"; 
从我想要得到p标签的类名

现在。

+0

尚未尝试...... – Anil

+0

我认为这是一个类似的帖子,可以帮助你: http://stackoverflow.com/questions/789675/how-to-get-class-objects-name-as-a-string-in-javascript – GoRoS

+0

@GoRoS:这是完全不同的东西。 –

回答

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

这将返回与类名数组作为它的一个元素

+0

这个问题,为什么当你有一个HTML分析器可以使用时,为什么会用这个正则表达式? – Spudley

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

此正则表达式将返回你的类名

+0

如果我在javascript文件中写这段代码,那么它的返回值为空。 – Anil

+0

你写错了,我已经测试过它和它的工作,如果你使用的是萤火虫,只需将我的代码粘贴到控制台并运行它 –

13

浏览器是不错的HTML解析:

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

// get the class 
var class_name = tmp.children[0].className; 
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>