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

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>

보통 이런 글씨를 쓰면 좋을 것 같은 느낌이에요.

Reference

이 문제에 관하여(Node.js HTML 분석기 "cheeerio"의 출력 결과에서 제외) 와body 탭), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/catnose99/articles/76d77ac4a352d3

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다