Меня интересует как можно доставать определенные участки текста из различных блоков в html коде.
Попробуй сделать так:
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
Title
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<tr class="table_row" id="r1">
<td id="name_1">Alexey Alex
<td id="surname_1">Chivarkin
<tr class="table_row" id="r2">
<td id="name_2">Anton
<td id="surname_2">Petrov
С помощью
document.querySelectorAll
по id мы достаем данные и далее оперируем ими как хотим)