본문 바로가기
카테고리 없음

웹 페이지의 특정 정보를 추출하여 json 형태로 만들기

by 퍼포먼스마케팅코더 2024. 2. 27.
반응형

웹 페이지의 특정 정보를 추출하여 json 형태로 만들기

/* json 형태로 만들기 예시 */

var lis = document.querySelectorAll('.news_9 ol>li');
var result = [];
lis.forEach(function (li) {
  var number = li.querySelector('div > span.number').innerText;
  var a      = li.querySelector('div > a[href]');
  var href   =   a.getAttribute('href');
  var img    =   a.querySelector('img[src]').getAttribute('src');
  var span   =   a.querySelector('span').innerText.trim();
  result.push({
    'number': number,
    'href': href,
    'img': img,
    'span': span
  });
});
JSON.stringify(result);

 

 

아래는 네이버 쇼핑 Top 500 키워드 보기 귀찮을 때..

 

const rankList = document.querySelectorAll("ul.rank_top1000_list li a");
let keywords = [];
rankList.forEach(k => {
  const keywordName = k.querySelector("span").innerText;
  const keywordText = k.innerText.replace(keywordName, "").trim();
  keywords.push({ keyword: keywordText, name: keywordName });
});
console.log(JSON.stringify(keywords));
document.querySelector('.btn_page_next').click();

 

반응형

댓글