Скрыть элемент HTML по идентификатору

Question

Надеюсь, есть быстрый и грязный способ удалить «Задать вопрос» (или скрыть его) со страницы, где я могу добавить только CSS и Javascript:

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

Я не могу скрыть класс nav, потому что другие элементы страницы используют его.

Могу ли я скрыть элемент ссылки через nav-ask id?

Answer 1

Если вы хотите сделать это с помощью JavaScript, а не CSS, вы можете использовать:

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

в зависимости от того, что вы хотите сделать.

Answer 2

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

Answer 3

@ Адам Дэвис, код, который вы ввели, на самом деле является вызовом jQuery. Если у вас уже есть загруженная библиотека, это прекрасно работает, в противном случае вам нужно будет добавить CSS

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

или если у вас уже есть CSS-класс "hideMe":

<script type="text/javascript">

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

</script>

Answer 4

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

Answer 5

Я обнаружил, что следующий код, вставленный в нижний колонтитул сайта, работал достаточно хорошо:

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

Это может потребовать или не потребовать jquery. На сайте, который я редактирую, есть jquery, но, к сожалению, я не являюсь javascripter, поэтому у меня ограниченные знания о том, что здесь происходит, и требования этого фрагмента кода ...

Answer 6

Вы можете использовать селекторы CSS

a[href="/questions/ask"] { display:none; }