Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как заменить цепочку кода в DOM другой строкой? (https://javascript.ru/forum/events/54258-kak-zamenit-cepochku-koda-v-dom-drugojj-strokojj.html)

SashaFlowSet 11.03.2015 03:19

Как заменить цепочку кода в 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 эту цепочку атрибутов и заменить простой строкой не смог выяснить.

Подскажите пожалуйста куда капать?

danik.js 11.03.2015 06:50

var a = document.querySelector('.tweet-text a');
var text = document.createTextNode('bla bla');
a.parentNode.replaceChild(text, a);

SashaFlowSet 11.03.2015 10:47

Спасибо, большое!


Часовой пояс GMT +3, время: 03:57.