Ocultar elemento HTML por id

Question

Con suerte hay una manera rápida y sucia para eliminar el "Hacer Pregunta" (u ocultarla) a partir de una página en la que sólo puedo añadir CSS y 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> 

no puedo ocultar la clase nav porque otros elementos de la página lo usan.

¿Puedo ocultar el elemento de enlace a través de la identificación nav-ask?

Answer 1

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

Answer 2

me encontré con que el siguiente código, cuando se inserta en el pie de página del sitio, funcionó bastante bien:

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

Esto puede o no puede requerir jQuery. El sitio que estoy de edición tiene jQuery, pero por desgracia no soy javascripter, por lo que sólo tienen un conocimiento limitado de lo que está pasando aquí, y los requisitos de este fragmento de código ...

Answer 3

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

Answer 4

Si desea hacerlo a través de JavaScript en lugar de CSS, puede utilizar:

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

según lo que desea hacer.

Answer 5

@ Adam Davis, el código que ingresó es en realidad una llamada jQuery. Si ya tiene la biblioteca cargada, que funciona muy bien, de lo contrario tendrá que añadir el CSS

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

o si ya tiene una "HideMe" Clase CSS:

<script type="text/javascript"> 

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

</script> 

Answer 6

puede utilizar selectores CSS

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

No