[RESOLU] Javascript/DOM -> enlever des tags

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Javascript/DOM -> enlever des tags

Ravi

Bonjour à tous,
j'aimerais dans un <div> pouvoir virer tous les tags <span> qui on un id commencant par "word" comme ceci :

<div id="test">
texte texte <span id="word1">toto</span> texte texte <span id="word2"> texte texte</span>
</div>

et j'aimerai arriver a ca :
<div id="test">
texte texte toto texte texte texte texte
</div>

Si quelqu'un sait comment arriver a ce resultat en DOM j'en serais tres reconnaissant :jap:

Message édité par Ravi le 04-07-2006 à 16:49:13

Publicité

afbilou

pouet your life

Code :

window.onload = function () {
var parent = document.getElementById('test');
var spans = parent.getElementsByTagName('span');
for (var i=0 ; i<spans.length ; i++)
{
if (spans[i].id.match(/^word/i))
parent.removeChild(spans[i]);
}
}

Edit : corrections diverses

Message édité par afbilou le 04-07-2006 à 13:24:39

Ravi

Petite erreur, je me suis mal exprimé, je veux garder le contenu du <span>, mais je veux uniquement virer le tag ...

Message édité par Ravi le 04-07-2006 à 13:32:38

afbilou

pouet your life

Mon script etait faux de toute facon :

Code :

window.onload = function () {
var divParent = document.getElementById('test');
var spans = divParent.getElementsByTagName('span');
var nbr = spans.length
for (var i=0 ; i<nbr ; i++)
{
if (spans[i].id.match(/^word/i)) {
divParent.removeChild(spans[i]);
i--; nbr--;
}
}
}

Ca c'est la version qui marche et qui supprimer les spans et leur contenu ... juste pour info

anapajari

s/travail/glanding on hfr/gs;

je trouve pas ça très beau l'histoire cette histoire de --
Bon c'est normal vu que spans est en fait un pointeur sur divParent.getElementsByTagName('span') et que lors de tes removeChild tu modifie ce dernier.
Et puis si j'ai tout compris Ravi veut garder le contenu...

J'aurais donc fait comme ça:

Code :

window.onload = function () {
var parent = document.getElementById('test');
var spans = parent.getElementsByTagName('span');
while (spans.lenght)
{
if (spans[0].id.match(/^word/i))
parent.replaceChild(document.createTextNode(spans[0].nodeValue), spans[0]);
}
}

edit: Et en l'ecrivant je me rends comte de ma connerie
La ça va boucler à l'infini si il y a un span qui ne commence pas par word ... donc je vais corriger ça

Message édité par anapajari le 04-07-2006 à 13:44:48

afbilou

pouet your life

Code :

window.onload = function () {
var divParent = document.getElementById('test');
var spans = divParent.getElementsByTagName('span');
var nbr = spans.length
for (var i=0 ; i<nbr ; i++)
{
if (spans[i].id.match(/^word/i)) {
divParent.replaceChild(document.createTextNode(spans[i].innerHTML) , spans[i]);
i--; nbr--;
}
}
}

J'aime bien mes -- :}

anapajari

s/travail/glanding on hfr/gs;

ouais bon allez pour les -- ... C'est juste que je trouve pas ça très compréhensible
L'autre méthode consiste a faire un tableau avec uniquement les spans ayant pour id word*, mais ça fait 2 boucles donc ...

Ravi

je vais vous mettre d'accord avec ca peut etre :

Code :

var parent = document.getElementById('test');
var spans = parent.getElementsByTagName('span');
for (i=0; i<spans.length; i++) {
if ((spans[i].id).substr(0,5) == "word_" ){
parent.replaceChild(document.createTextNode(spans[i].nodeValue), spans[i]);
}
}
}

Mais ca ne marche pas, j'ai une exception sous firefox ...

Message cité 1 fois

afbilou

pouet your life

Ravi a écrit :

je vais vous mettre d'accord avec ca peut etre

Bah raté [:petrus75]
D'autant plus que tu dis toi meme que ca ne marche pas
Qu'est ce qui te convient pas dans ma derniere solution ?

anapajari

s/travail/glanding on hfr/gs;

Est ce que tu peux nous montrer le code html et js de toute ta page html ???

edit: et je confirme que la solution correcte est la dernière postée par afbilou

Message édité par anapajari le 04-07-2006 à 15:47:44

Publicité

Ravi

Autant pour moi... en fait le code que je recuperais dans le <div id="test"> contenait d'autres div ... du coup je travaillais pas avec les bons Child...
Merci bcp de votre aide ;-)

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU] Javascript/DOM -> enlever des tags

Sujets relatifs
[résolu]fixer colonne	Couper une image pour en faire une vignette[résolu]
[Résolu][PHP] Problème avec header()	[Axis][SOAP/DOM] SOAPHeaderElement.appendChild()=>ClassCastException
[résolu]modification d'une colonne	[résolu]Loadvars Rapide
php/javascript menu deroulant...	Warning suite a utilisation d'une référence dans une méthode [RESOLU]
[irrésolvable, donc RESOLU] PB diffusion vidéo format real (avec IE)	(Résolu) Filtre sur feuille verrouillée
Plus de sujets relatifs à : [RESOLU] Javascript/DOM -> enlever des tags

Page générée en 0.053 secondes