Hide phần tử HTML bằng id

Question

Hy vọng rằng có một cách nhanh chóng và dơ bẩn để loại bỏ các "Ask Câu hỏi" (hoặc giấu nó) từ một trang mà tôi chỉ có thể thêm CSS và 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> 

tôi không thể ẩn lớp nav vì các phần tử trang khác sử dụng nó.

Tôi có thể ẩn phần tử liên kết qua mã số nav-ask không?

Answer 1

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

Answer 2

tôi thấy rằng đoạn mã sau, khi đưa vào chân trang của trang web, làm việc tốt đủ:

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

này có thể hoặc không có thể yêu cầu jquery. Các trang web Tôi chỉnh sửa có jquery, nhưng tiếc là tôi không javascripter, vì vậy tôi chỉ có một kiến ​​thức hạn chế về những gì đang xảy ra ở đây, và các yêu cầu của đoạn mã này ...

Answer 3

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

Answer 4

Nếu bạn muốn làm điều đó qua javascript thay vì CSS bạn có thể sử dụng:

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

tùy thuộc vào những gì bạn muốn làm.

Answer 5

@Adam Davis, mã bạn đã nhập thực sự là cuộc gọi jQuery. Nếu bạn đã có thư viện được nạp, mà chỉ hoạt động tốt, nếu không bạn sẽ cần phải thêm CSS

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

hoặc nếu bạn đã có một "hideMe" CSS Class:

<script type="text/javascript"> 

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

</script> 

Answer 6

bạn có thể sử dụng selectors CSS

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