web-dev-qa-db-ja.com

javascriptはdivからhtmlまたはテキストを取得します

これはjqueryでは簡単ですが、プレーンなJavaScriptはどうですか？

コードは、Google画像検索API用です。 div内のhtmlまたはできればテキストに一致する画像を検索したい。

var searchThis = document.getElementById('imgToFind'); //get HTML, or text from div

// Find images
imageSearch.execute(searchThis); //search image

HTML

<div id="imgToFind">PlayStation</div>

結果はPlayStationの画像になります。代わりに私はこれらを手に入れます

1 dosic ois-123

alt text IE8 JavaScriptは代わりに[オブジェクトHTMLDivElement]を返します[

alt text 愛する手

そして、他の無関係な画像。 Googleが何を検索しているのかしら。2つ目はヒントを教えてくれると思う。

javascriptimagejsonapi
12
Cyber Junkie

そのvar searchThis = document.getElementById('imgToFind').innerHTML;

あなたができるテキストだけを抽出するには：

element = document.getElementById('imgToFind');
var searchThis = element.textContent || element.innerText;
23
Shiv Deepak

var searchThis = document.getElementById('imgToFind').innerHTML;

要素の内容を取得します:)

4
Damien-Wright

要素内のテキストだけが必要な場合は、より標準に準拠したブラウザ（つまりIEではない）ではtextContentを、IEではinnerTextを使用できます。 それらはすべての場合で同一ではありません しかし、あなたの目的のために、それらはおそらく同じかもしれません。

var el = document.getElementById("foo");
var text = el.textContent || el.innerText;
2
Tim Down