Javascript/Greasemonkeyを使って特定のhtmlを読むには

Question

こんにちは、これは私が愚かなことを申し訳なく思っている最初の質問ですが、JavaScriptとGreasemonkeyの一般的な新機能です。

質問HTMLの特定の領域を読み込み、変数として保存するにはどうすればよいですか？サンプルコードが読み

：

<td align="center"> 
<br> 
<b>Player:</b> 
58236 
<br> 
<br> 
<b>Guild:</b> 
<a href="guild.aspx?guild=23234">Example Code</a> 
<br> 
<div> 
<br> 
<b>Old Nickname: </b> 
Nick 
<br> 
<small>(until 2011-07-31)</small> 
<br> 
<br> 
<b>Level:</b> 
21.04 (Rank 3,315) 
<br> 
<b>Economy:</b> 
969 
<br> 
<br> 
<b>Account:</b> 
Upgraded 
<br> 
<b>Expire:</b> 
2011-08-29 
<br> 
<br> 
<b>Account Start:</b> 
49 Days 
<br> 
<br> 
<img title="Account Upgraded Badge" alt="Account Upgraded Badge" src="http://cdn.astroempires.com/images/badges/badge_upgraded.gif"> 
<br> 
<br> 
</td> 

は今、私は私がように気にいらをしなければならないでしょう、それを理解しているように、プレイヤーのレベルを抽出したいと言います。

Level = document.body.innerHTML.match(/<b>Level:<\/b>/); 

そして、そこから行くと、この種の方法を使用してWebページ上でHTMLを読む方法のサンプルコードと説明はほとんど見つかりません。

Answer 1

これが実際にHTMLの場合は、それはちょっとした技術です。

"簡略化された"バージョンのHTMLの場合は、編集されていないページにリンクしてください。情報を抽出する方法は、HTMLの正確な詳細によって異なります。

とにかく、jQueryを使用してください。それはCSS-like selectorsが本当にあなたが希望のビットで家に入るのを助けるでしょう。

ここでは、jQueryを使用してレベルをページのように抽出するGreasemonkeyスクリプトを示します。 ：

// ==UserScript== 
// @name  _Get info from poorly structured HTML 
// @include http://YOUR_SERVER/YOUR_PATH/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 
// ==/UserScript== 

var LvlMarker = $("b:contains('Level:')"); 
var LvlText  = LvlMarker[0].nextSibling.textContent; 

alert (LvlText); 

ajax-ifiedページには追加のトリックが必要であることに注意してください。