Здесь можно вытянуть список подписчиков 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», которая очевидно может измениться.