2011-09-19 92 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>