2009-12-01 11 views
5

Y at-il un moyen de supprimer des parties du contenu existant sur une page avec une fonction JavaScript?
Comme ceci:Effacer la page HTML en utilisant JavaScript

<I WANT THIS CLEARED> 
<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?> 
<I WANT THIS DISPLAYED> 

Que dois-je mettre en <IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>?

Je sais mettre <div style="display:none"><plaintext> après la partie que je veux afficher va cacher la fin d'une page, mais comment effacer le début?

+0

Demandez-vous de commenter une section? – Joel

+0

Non, je veux utiliser html/javascript pour effacer les conentences existantes d'une page. WOuld document.something = ""; travail? –

+0

Avez-vous considéré jQuery? http://jquery.com – BalusC

Répondre

1

Vous pouvez manipuler des attributs et des éléments dans javascript. Donc, vous savez que ce qui suit affichera uniquement le texte the second part.

<div id="top" style="display:none;"> 
the first part 
</div> 
<div id="bottom"> 
the second part 
</div> 

Afin de manipuler dynamiquement ces sections, vous pouvez appeler une fonction javascript comme suit.

function toggle() 
{ 
    var top = document.getElementById("top"); 
    var bottom = document.getElementById("bottom"); 

    if (top.style.display == "none") 
    { 
     top.style.display = "block"; 
     bottom.style.display = "none"; 
    } 
    else 
    { 
     top.style.display = "none"; 
     bottom.style.display = "block"; 
    } 
} 

Et bien sûr, vous pouvez modifier cela pour en faire beaucoup plus.

12

Vous pouvez utiliser document.body.innerHTML = "". Il enlèvera tout dans le corps dans la mesure où le navigateur traite la page. Voir l'exemple suivant:

<html> 
    <head></head> 
    <body> 
     <p>This should not appear</p> 

     <script type="text/javascript"> 
      document.body.innerHTML = ''; 
     </script> 

     <p>This should appear.</p> 
    </body> 
</html> 

Ceci n'est toutefois pas un excellent moyen d'y parvenir. Si vous voulez cacher du texte, pensez à jQuery comme d'autres l'ont mentionné.

+0

Merci. Vous avez sauvé mon temps :) –

Questions connexes