2011-12-19 43 views
3

Facebook APIのページメモから情報を引き出しています。出力では、HTMLコードに埋め込まれたイメージURLを取得します。 Javascriptを使用して、下のHTMLコードから画像のURLを抽出するにはどうすればよいですか?Javascriptを使用してHTMLコードから画像URLを抽出します。

<img class=\"photo_img img\" src=\"http://photos-c.ak.fbcdn.net/hphotos-ak-ash4/373909_207177302696060_189175211162936_438410_6588114253_a.jpg\" alt=\"\" /> 

UPDATE

上記画像タグはFacebookのAPIからJSON応答に埋め込まれています。 私はAppceleratorを使ってiOSアプリを作成しています。すべての助けに感謝

json.data[i].message.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1] 

UPDATE 2

は私がそれを解決しました!

+0

URLを取得するには、正規表現または何らかの文字列解析を使用する必要があります。あなたはそれらに精通していますか? –

+0

いいえ、ごめんなさい。あなたは正しい構文を知っていますか? –

答えて

4

jQueryを使用すると、htmlからデータを抽出できます。次のコードを使用してください

$(function() { 
    $('img').attr("src"); 
}); 

これは、imgタグの最初のインスタンスのsrc値のみを返します。特定のimgタグが必要な場合は、div内に含めることができます。

+0

彼がjqueryを使用していることをどのように知ることができますか? – Grrbrr404

+0

シンプルな..私は知りません:P彼は彼がjQueryを使用することを提案しています.. – rdsoze

+0

私はAppceleratorを使用していますので、今はjQueryを使用していません。 –

1

あなたはこの

var imgObj = document.getElementsByTagName('img')[0]; 
alert(imgObj.getAttribute('src')); 

のようなコードを使用することができます更新

あなたはjQueryのを使用することができるならば、あなたはあなたが持つ要素を反復処理でき、次の

// select all images with the class 'photo_img' 
var elements = $('img .photo_img').attr('src'); 

を行うことができますループまたはjQueryの各関数

+0

これは動作しません:var imgObj = json.data [i] .message.getElementsByTagName( 'img')[0]; –

+0

あなたのJSONオブジェクトに追加することは一度も勧められませんでした。私はそれがレンダリングされたhtmlページだと思ったが、今あなたはあなたの質問をupdatetしているのを見る。 – Grrbrr404

+0

はい、申し訳ありません。私は私の質問を更新しました。しかし、正規表現を使ってimgタグのsrcを抽出する方法はありますか? –

4

もちろん、DOMを使用してこれらのデータを引き出すことができます。しかし、疑問は、imgタグがいくつあるのだろうか?またはこのタグにいくつかのidを与えることができますか?

return document.getElementById(id).src; idを持つ場合は、これを行います。

か、他には、あなたはこれで、その簡単に、getElementsByTagname('img')

その場合は、単一のimgタグを使用してimgタグの配列を取る必要がある場合があります。あなたはまた、一致する第2レベルのクラスに行くことができます。

+0

これは動作しません:var imgObj = json.data [i] .message.getElementsByTagName( 'img'); –

+0

これはJSONでは機能しない可能性があります。その純粋なHTML DOM。 – Kris

+0

しかし出力はHTMLコードです。 imgタグのsrcを抽出する方法はありませんか? –

関連する問題