[RESOLU] Javascript/DOM -> enlever des tags

Marsh Posté le 04-07-2006 à 13:00:17

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

Reply

Marsh Posté le 04-07-2006 à 13:00:17

Reply

Marsh Posté le 04-07-2006 à 13:09:24

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

Reply

Marsh Posté le 04-07-2006 à 13:31:28

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

Reply

Marsh Posté le 04-07-2006 à 13:39:15

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

Reply

Marsh Posté le 04-07-2006 à 13:43:36

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

Reply

Marsh Posté le 04-07-2006 à 13:51:32

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 -- :}

Reply

Marsh Posté le 04-07-2006 à 14:13:31

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 ...

Reply

Marsh Posté le 04-07-2006 à 15:40:37

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

Reply

Marsh Posté le 04-07-2006 à 15:44:50

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 ?

Reply

Marsh Posté le 04-07-2006 à 15:46:25

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

Reply

Marsh Posté le 04-07-2006 à 15:46:25

Reply

Marsh Posté le 04-07-2006 à 16:41:27

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 ;-)

Reply

[RESOLU] Javascript/DOM -> enlever des tags

Sujets relatifs:

Leave a Replay