2009-12-01 16 views
5

Czy istnieje sposób na usunięcie części istniejących treści na stronie z funkcją JavaScript?
tak:Wyczyść stronę HTML za pomocą JavaScriptu

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

Co należy umieścić w <IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>?

Wiem, że umieszczenie <div style="display:none"><plaintext> po wyświetleniu części, którą chcę, spowoduje ukrycie końca strony, ale jak usunąć początek?

+0

Czy pytasz o komentowanie sekcji? – Joel

+0

Nie, chcę użyć html/javascript, aby wyczyścić istniejące stany strony. WOuld document.something = ""; praca? –

+0

Czy brałeś pod uwagę jQuery? http://jquery.com – BalusC

Odpowiedz

1

Możesz manipulować atrybutami i elementami w javascript. Więc wiesz, że poniżej wyświetli się tylko tekst the second part.

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

Aby dynamicznie manipulować tymi sekcjami, można wywołać funkcję javascript, jak poniżej.

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"; 
    } 
} 

Oczywiście można to zmodyfikować, aby uzyskać znacznie więcej.

12

Można użyć document.body.innerHTML = "". Usunie wszystko z ciała, o ile przeglądarka przetworzy stronę. Zobacz następujący przykład:

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

Nie jest to jednak świetny sposób, aby to osiągnąć. Jeśli chcesz ukryć jakiś tekst, weź pod uwagę jQuery, o którym wspominali inni.

+0

Dzięki. Uratowałeś mój czas :) –

Powiązane problemy