Masquer l'élément HTML par id

Question

Espérons qu'il y est un moyen rapide et sale pour enlever le « Poser une question » (ou cacher) à partir d'une page où je peux seulement ajouter CSS et Javascript:

<div class="nav" style="float: right;"> 
     <ul> 
      <li style="margin-right: 0px;" > 
       <a id="nav-ask" href="https://stackoverflow.com/questions/ask">Ask Question</a> 
      </li> 
     </ul> 
    </div> 

Je ne peux pas masquez la classe nav car d'autres éléments de page l'utilisent. Puis-je masquer l'élément de liaison via l'ID nav-ask?

Answer 1

<style type="text/css"> 
    #nav-ask{ display:none; } 
</style> 

Answer 2

Je trouve que le code suivant, lorsqu'il est inséré dans le pied de page du site, a travaillé assez bien:

<script type="text/javascript"> 
$("#nav-ask").remove(); 
</script> 

Cela peut ou peut ne pas exiger jquery. Le site que je suis l'édition a jquery, mais malheureusement, je ne suis pas javascripter, donc je n'ai qu'une connaissance limitée de ce qui se passe ici, et les exigences de cet extrait de code ...

Answer 3

.nav ul li a#nav-ask{ 
    display:none; 
} 

Answer 4

Si vous souhaitez le faire via javascript plutôt que CSS, vous pouvez utiliser:

var link = document.getElementById('nav-ask'); 
link.style.display = 'none'; //or 
link.style.visibility = 'hidden'; 

en fonction de ce que vous voulez faire.

Answer 5

@Adam Davis, le code que vous avez entré est en réalité un appel jQuery. Si vous avez déjà la bibliothèque chargée, qui fonctionne très bien, sinon vous devrez ajouter le CSS

<style type="text/css"> 
    #nav-ask{ display:none; } 
</style> 

ou si vous avez déjà une classe CSS « ​​HideMe »:

<script type="text/javascript"> 

    if(document.getElementById && document.createTextNode) 
    { 
     if(document.getElementById('nav-ask')) 
     { 
      document.getElementById('nav-ask').className='hideMe'; 
     } 
    } 

</script> 

Answer 6

vous pouvez utiliser sélecteurs CSS

a[href="https://stackoverflow.com/questions/ask"] { display:none; }