DOMParser. JS парсер для HTML

31 мартa 2019 г. • 1 мин. на чтение

Использование максимально простое. Создаётся экземпляр DOMParser, затем ему передаётся HTML-строка с помощью метода parseFromString(). 

const htmlString = '<html><head><meta http-equiv="Content-Type" co...';
const parser = new DOMParser();
const document = parser.parseFromString(htmlString, 'text/html');
const rows = document.querySelectorAll<HTMLTableRowElement>('table tr');

Константа document - это объект DOM, с которым можно взаимодействовать:

const employeeList = Array.from(rows).map(row => {
  const anchor = row.cells[1].firstChild as HTMLAnchorElement;
  return {
    name: anchor.innerHTML,
    required: row.cells[2].innerHTML,
    worked: row.cells[3].innerHTML,
    inOffice: row.cells[1].bgColor === this.inOfficeColor,
  } as EmployeeUi;
});