Node.js HTML 분석기 "cheeerio"의 출력 결과에서 제외) 와body 탭

5880 단어 npmcheeriotech
Node.js의 HTML 분석기cheerio를 사용하면 특정한 HTML(DOM)만 직관적으로 고칠 수 있습니다.
import cheerio from 'cheerio';

// 読み込む
const $ = cheerio.load('<h1 class="heading">Foo</h1>');

// DOMを好きなように操作
$('.heading').text('Bar');
$('.heading').addClass('red');

// 変換後のHTMLを取得
const result = $.html();
console.log(result);
// <html><head></head><body><h1 class="heading red">Bar</h1></body></html>
문제는 출력 결과가 자동으로 추가<html>,<head><body>되는 것이다.만약 일부분만 개작하고 싶다면, 이렇게 하면 번거롭게 된다.
부합에서는 해결 방법이 없었지만 Gatsby 소스 코드를 보고 다음과 같은 형식을 취했다.
$(`body`).html() // fix for cheerio v1
따라서 첫 번째 샘플<html><body>에 부가하지 않기 위해 다시 쓸 때 다음과 같다.
import cheerio from 'cheerio';

const $ = cheerio.load('<h1 class="heading">Foo</h1>');

$('.heading').text('Bar');
$('.heading').addClass('red');

const result = $('body').html();
console.log(result);
// <h1 class="heading red">Bar</h1>
보통 이런 글씨를 쓰면 좋을 것 같은 느낌이에요.

좋은 웹페이지 즐겨찾기