Как заменить цепочку кода в DOM другой строкой?
:help: Тренируюсь через консоль Chroma. Пытаюсь парсить страницу.
На странице есть код: <div class="tweet-text" data-id="575436031605936128"> <div class="dir-ltr" dir="ltr"> У Барака Обамы не осталось друзей среди мировых лидеров — Business Insider <a href="http://t.co/2wfwYXrYIn"rel="nofollow"dir="ltr"data-expanded-url="http://bit.ly/1GCBaNC"data-url="http://bit.ly/1GCBaNC"class="twitter_external_link dir-ltr tco-link"target="_blank"title="http://bit.ly/1GCBaNC">bit.ly/1GCBaNC</a> </div> </div> Мне нужно из этого куска кода заменить участок: <a href="http://t.co/2wfwYXrYIn"rel="nofollow"dir="ltr"data-expanded-url="http://bit.ly/1GCBaNC"data-url="http://bit.ly/1GCBaNC"class="twitter_external_link dir-ltr tco-link"target="_blank"title="http://bit.ly/1GCBaNC">bit.ly/1GCBaNC</a> на просто строку (без прочих украшательств), которую я предварительно получил из атрибута "data-url=" этого же куска кода. Т.е. заменить на: http://bit.ly/1GCBaNC Для этого я написал код только на получение "data-url="
var href = document.getElementsByClassName("tweet-text")[0].querySelector("a").getAttribute("data-url");
console.log(href);
Но вот как удалить из DOMa эту цепочку атрибутов и заменить простой строкой не смог выяснить. Подскажите пожалуйста куда капать? |
var a = document.querySelector('.tweet-text a');
var text = document.createTextNode('bla bla');
a.parentNode.replaceChild(text, a);
|
Спасибо, большое!
|
| Часовой пояс GMT +3, время: 16:54. |