Как получить внутренний текст идентификатора из данных HTML String, которые мы получили из топора ios?

Question

Я новичок в изучении веб-страниц в JavaScript. Я использовал ax ios, чтобы сделать запрос HTTP GET. Я получил response.data выдаст содержимое HTML в формате String. Теперь я хочу получить внутренний текст из идентификатора.

const axios = require('axios') ;

const url = "https://www.google.com" ;

axios.get(url).then(response=>{
    const html = response.data ;
    console.log(typeof html) ; // string
    const name = document.getElementById('SIvCob').innerText ; // How can i write this line ?
    console.log(name) ; // it will give error. I want it to give the innerText of ID 'SIvCov' from google's HTML Document.
}).catch(error=>{
    console.log('Error');
})

Answer 1

Вам нужно будет использовать анализатор DOM. Есть несколько доступных как npm пакетов, таких как cheerio или dom-parser (но, опять же, это только два из ваших вариантов).

Используя предпочитаемый вами DOM-анализатор, вы будете передавать полученную строку в него для его анализа, а затем использовать его возможности для извлечения текстового содержимого.

Например, с cheerio:

cheerio.load(html);
const name = $("#SIvCob").text();

Или с dom-parser:

const dom = parser.parseFromString(html);
const name = dom.getElementById('SIvCob').textContent;