javascript html regex

Question

私は正規表現の解析をjavascriptで学ぼうとしています。私は「スパン」

<span class="item_color_title">Status:</span> 
<span class="item_color_success"> 
Alive 
</span> 

「アライブ」のテキストを読む必要が

は私が必要とするものです。どんな簡単な方法ですか？

これは私がしましたFirefoxの拡張機能のためのものです：

var req = new XMLHttpRequest(); 
req.open('GET', 'http://www.example.com/', false); 
req.send(null); 
if(req.status == 200) 
    standard_status.label = req.responseText; 

そして、standard_statusは "アライブ"

感謝を言う必要があります！

Answer 1

さて、あなたは本当にあなたがこれを使用することができます正規表現を使用する場合：

var text = req.responseText.replace('\n', '') 
    , status = text.match(/<span class="item_color_success">(.*)<\/span>/)[1] 

standard_status.label = status 

あなたはJSが正常に.*で改行に一致していないとして改行を交換する必要があります/.*/mとの組み合わせ。

希望に役立ちます。

Answer 2

正規表現？ jQueryのは、それは些細ます：

alert($('span.item_color_success').html()); 

Answer 3

は、HTMLフラグメントに応答を解析します。

> html = $('<div/>').html(req.responseText) 
> $('.item_color_success', html).text() 
"Alive" 

Answer 4

を使用すると、余分なjQueryの依存関係を追加するWATない場合、これは純粋なJavaScriptで行うことができます。

var req = new XMLHttpRequest(); 
req.onload = function() { 
    alert(this.responseXML.title); 
    if(req.status == 200){ 
     standard_status.label = req.responseXml.getElementsByClassName('item_color_success')[0].textContent; 
    } 
} 
req.open("GET", 'http://www.example.com/'); //must use async request for HTML 
req.responseType = "document"; 
req.send(); 

私はこれをテストしませんでしたが、遠すぎてはいけません。