使用<a>標記和onclick</a>使用javascript更改頁面元素的樣式<a>？</a>

Question

我有一個div塊

<div id='block'> <a href="#" onclick="Document.getElementById('block').style = 'display: none;';">Hide</a> </div>

並且我想擁有一個鏈接，該鏈接將在單擊時隱藏該框，我嘗試了上述操作，但它不起作用，我不確定如何使它起作用，是否有任何想法或指導？

Answer 1

style是直接分配屬性的對象。 它不像HTML屬性。 所以您想要的是：

document.getElementById('block').style.display = 'none';

Answer 2

<div id='block'>  <a href="#" onclick="Document.getElementById('block').style.display = 'none';">Hide</a>  </div>

Answer 3

...或在jquery的幫助下：

$('#block').hide();
// or:
$('#block').css('display','none');

Answer 4

最好將javascript放在<head>或者最好將HTML放在一個單獨的文件中。 但是，由於您將其包含在HTML中，因此可以將代碼縮短為onclick="this.parentNode.style.display='none';"