unwrap w czystym js Opcje

[d4ng]

Witajcie chciałbym zapytać w jaki sposób moge usunąć z danego elementu wszystkie wrapy otaczające element potomny po klasie? Przykład:

[HTML] pobierz, plaintext 
<p>
    <span class="bold">
        <span class="ltr">L</span>
        <span class="ltr">o</span>
        <span class="ltr">r</span>
        <span class="ltr">e</span>
        <span class="ltr">m</span>
    </span>
    <span class="ltr"> </span>
    <span class="ltr">i</span>
    <span class="ltr">p</span>
    <span class="ltr">s</span>
    <span class="ltr">u</span>
    <span class="ltr">m</span>
</p>
[HTML] pobierz, plaintext 

chce osiągnąć:

[HTML] pobierz, plaintext 
<p><span class="bold">Lorem</span> Ipsum</p>
[HTML] pobierz, plaintext 

Potrzebuje rozwiązania w czystym javascripcie..
Pozdrawiam

[d4ng]

a skąd ten skrypt ma wiedzieć że mam wywalić klasę "ltr" z elmentu <p>? widziałem ten skrypt
Ps. w jquery to już dawno bym sobie poradziła ale to musi być czysty js

[HTML] pobierz, plaintext 
 
var span = el.getElementsByClassName('ltr');
 
while(span.length) {
    var parent = span[ 0 ].parentNode;
    while( span[ 0 ].firstChild ) {
        parent.insertBefore(  span[ 0 ].firstChild, span[ 0 ] );
    }
     parent.removeChild( span[ 0 ] );
}
 
[HTML] pobierz, plaintext 

może może?

Ten post edytował d4ng 23.12.2015, 15:01:05