javascript - 2つの異なる固有のパターンの間にある大きなhtml文字列の一部を抽出するにはどうすればよいですか？

Question

から取得したのはHTML文字列XMLHttpRequestだけで、テキストボックスに投稿しました。

document.myform.outputtext.value = xhr.responseText;

</fb:send>しかし、私はとの間にある大きなHTML文字列の一部だけが必要です<div class="styles">。私はPHPで同様のことをしましたが、JavaScriptでそれを行う方法がわかりませんか？私が欲しいのはとの間にあるxhr.responseText部分だけです。誰かがこれを手伝ってくれたら嬉しいです。ありがとう。</fb:send><div class="styles">

PHPの例：

$start = strpos($file_contents, '</fb:send>');
$end = strpos($file_contents, '<div class="styles">', $start);
$code = substr($file_contents, $start, $end);

Answer 1

var start = xhr.responseText.indexOf('</fb:send>');
var end = xhr.responseText.indexOf('<div class="styles">', start);
var code = xhr.responseText.substring(start, end);

Answer 2

正規表現はクールです。

var html = "foo</fb:send>bar<div class=\"styles\">baz";
var code = html.match(/<\/fb\:send>(.*?)<div class="styles">/)[1];
console.log(code); // 'bar'

それらがHTML パーサーの仕事をするとは思わないでください。

Answer 3

あなたは試しましたindexOfかsubstring？次に例を示します。

<script>
var stringTxt = "123abcxyz890";
var start = stringTxt.indexOf("a");
var end = stringTxt.indexOf("z", start);
var newStringTxt = stringTxt.substring(start, end);
</script>