Онлайн-парсер на JavaScript для отримання списку підписників Instagram

Тут можна отримати список підписників Instagram у вигляді таблиці з трьома стовпцями: ім’я, нікнейм, посилання на профіль.

HTML:

Якщо ви хочете самостійно розібратися в роботі такого скрипта й застосувати ці навички для себе, рекомендую звернути увагу на сервіс https://jsfiddle.net/ , у якому зручно практикуватися та зберігати свої напрацювання.

Щоб відтворити цей скрипт у своєму редакторі, достатньо у вікні HTML вставити код:

<p>HTML:<Br>
<textarea id="src" name="htmlsrc" cols="40" rows="5"></textarea>
</p>
<input type="submit" value="Надіслати" onclick="parse();">
<div id="result">
<table><tbody id="table">
<tr><th>div</th><th>Нікнейм</th><th>Посилання</th></tr>
</tbody></table>
</div>

А у вікні JavaScript — такий код:

function parse() {
  var src = document.getElementById('src').value;
  var parser = new DOMParser();
	var htmlDoc = parser.parseFromString(src, 'text/html');
  
  var list = htmlDoc.getElementsByClassName("enpQJ");
  for (var i = 0; i<list.length; i++) { 
  	var list_a = list[i].getElementsByTagName("a");
  	var insta_title = list_a[0].getAttribute('title');
  	var insta_href = list_a[0].getAttribute('href');
//   	var list_div = list[i].getElementsByTagName("div"); раніше було так
		var list_div = list[i].getElementsByClassName("wFPL8");
    var insta_div = list_div[0].innerHTML;

// додавання рядка таблиці
		var tr = document.createElement('tr');
  	tr.innerHTML = '<td>'+insta_div+'</td><td>' + insta_title + '</td><td><a href="'+insta_href+'">'+insta_href+'</a></td>';
		document.getElementById("table").append(tr);
  }
}

Код скрипта настільки короткий, що розібратися в ньому зовсім нескладно. Лише звертаю вашу увагу на назву класу “enpQJ”, яка, очевидно, може змінитися.