[JavaScript] HTML String 也能使用 CSS selector 取得資料

如果有一個 HTML 字串，或是來自其他網站的內容
在純前端 (Client) 的環境
不想使用正規表示法去取得某部份資料

也能利用 createHTMLDocument() 讓 HTML string 變成 DOMDocument 就能使用 querySelector or querySelectorAll 取得資料

利用 var doc = document.implementation.createHTMLDocument("Crawler");
會回傳一個 document object
再來利用 innerHTML 把 html string 插入
剩下就當成平常的 document 使用
程式碼如下