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

@Adam Davis，您输入的代码实际上是一个jQuery调用。如果你已经加载了库，那就可以了，否则你需要附加CSS

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

或者如果您已经拥有“hideMe”CSS类：

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

按ID隐藏HTML元素

6 个答案: