fetchで取得したテキストのHTMLから特定のタグを取り出したい

Question

同じドメイン内にあるページを下記のようにfetchで取得し、
取得したHTMLから特定のタグ（<title>等）の中身を取得したいと考えています。

export const fetchHtml = async (url: string) => {
  const opts = {
    method: 'GET',
    mode: 'same-origin',
    headers: {
      'Content-Type': 'text/html',
    },
  };
  try {
    const resp = await fetch(url, opts);
    if (resp.ok) {
      return resp.text();
    } else {
      console.error("fetchHtml is failed! url : " + url + ", error : status is not 200");
      return null;
    }
  } catch(error) {
    console.error("fetchHtml is failed! url : " + url + ", error : " + error);
    return null;
  }
};

resp.text()でHTMLが取れることは確認できましたが、
この後、そのテキストから特定のタグを取得する方法が分かりません。
正規表現を利用して取得するしかないのでしょうか？
可能であれば下記のjQueryのようにタグを指定して取得できると良いのですが…。

$("title").text()

利用しているライブラリは下記の通りです。

• Node.js
• React
• Redux-Observable
• Redux
• RxJS
• Next.js
• isomorphic-fetch

ご存知の方がいらっしゃいましたらどうかアドバイスをお願いいたします。

Answer 1

DOMParserがあります。
https://developer.mozilla.org/ja/docs/Web/API/DOMParser

let parser = new DOMParser();
let doc = parser.parseFromString(text, 'text/html');
console.log(doc.title);

Comments

[flaumig]

期待通りの挙動が出来ました！
ありがとうございます！

Answer 2

var el = document.createElement("header");
el.innerHTML = "<title>hogeee</title>";
console.log(el);
alert(el.title);

こんなんでどうでしょうか？