Онлайн парсер на JavaScript для извлечения списка подписчиков Instagram

Здесь можно вытянуть список подписчиков Instagram в форме списка содержащего три колонки: Имя, Ник-нейм, Ссылка на профиль.

HTML:

divНикнеймСсылка

Если вы сами хотите разобраться в работе подобного скрипта и использовать этот навык для себя, то рекомендую обратить внимание на сервис 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», которая очевидно может измениться.

Оставьте комментарий

Ваш адрес email не будет опубликован.