Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> unwrap w czystym js
d4ng
post
Post #1





Grupa: Zarejestrowani
Postów: 191
Pomógł: 4
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----

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 
  1. <p>
  2.     <span class="bold">
  3.         <span class="ltr">L</span>
  4.         <span class="ltr">o</span>
  5.         <span class="ltr">r</span>
  6.         <span class="ltr">e</span>
  7.         <span class="ltr">m</span>
  8.     </span>
  9.     <span class="ltr"> </span>
  10.     <span class="ltr">i</span>
  11.     <span class="ltr">p</span>
  12.     <span class="ltr">s</span>
  13.     <span class="ltr">u</span>
  14.     <span class="ltr">m</span>
  15. </p>
[HTML] pobierz, plaintext

chce osiągnąć:

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


Potrzebuje rozwiązania w czystym javascripcie..
Pozdrawiam (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Proszę:

[HTML] pobierz, plaintext 
  1. <html><body>
  2. <p>
  3.     <span class="bold">
  4.         <span class="ltr">L</span>
  5.         <span class="ltr">o</span>
  6.         <span class="ltr">r</span>
  7.         <span class="ltr">e</span>
  8.         <span class="ltr">m</span>
  9.     </span>
  10.     <span class="ltr"> </span>
  11.     <span class="ltr">i</span>
  12.     <span class="ltr">p</span>
  13.     <span class="ltr">s</span>
  14.     <span class="ltr">u</span>
  15.     <span class="ltr">m</span>
  16. </p>
  17. <script>
  18. var items = document.getElementsByClassName('ltr');
  19. var txt1 = ''; var txt2 = '';
  20. //document.createElement('p');
  21. var skip = false;
  22. for(var i = 0; i < items.length; i++) {
  23. 	if(items[i].innerHTML == ' ') {
  24. 		skip = true;
  25. 		continue;
  26. 	}
  27. 	if(skip) {
  28. 		txt2 += items[i].innerHTML;
  29. 	} else {
  30. 		txt1 += items[i].innerHTML;
  31. 	}
  32. }
  33.  
  34. var span = document.createElement('span');
  35. var spanText = document.createTextNode(txt1);
  36. span.appendChild(spanText);
  37. var spanAttr = document.createAttribute('class');
  38. spanAttr.value = 'bold';
  39. span.setAttributeNode(spanAttr);
  40.  
  41. var paragraph = document.createElement('p');
  42. paragraph.appendChild(span);
  43. var paragraphText = document.createTextNode(txt2);
  44. paragraph.appendChild(paragraphText);
  45. document.body.appendChild(paragraph);
  46. //console.log(txt1);
  47. //console.log(txt2);
  48. </script>
  49. </body></html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- d4ng   unwrap w czystym js   23.12.2015, 13:17:57
- - darko   Proszę: [HTML] pobierz, plaintext <html>...   23.12.2015, 13:54:24
- - d4ng   Bardzo dziękuje, ale skrypt musi być dużo bardziej...   23.12.2015, 14:02:38
- - darko   Zapewne analogicznie jak tutaj: https://plainjs.co...   23.12.2015, 14:04:17
- - d4ng   a skąd ten skrypt ma wiedzieć że mam wywalić klasę...   23.12.2015, 14:15:26
- - Comandeer   Polecam lekko podrasowaną wersję tego kodu: https:...   23.12.2015, 19:41:59

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 10:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn