我有一个div块
<div id='block'>
<a href="#" onclick="Document.getElementById('block').style = 'display: none;';">Hide</a>
</div>
我希望有一个链接可以在点击时隐藏块,我尝试了上面的但是它不起作用我不知道如何让这个工作,任何想法或指导?
答案 0 :(得分:5)
style
是一个直接分配属性的对象。它不像HTML属性。所以你想要的是:
document.getElementById('block').style.display = 'none';
答案 1 :(得分:3)
<div id='block'> <a href="#" onclick="Document.getElementById('block').style.display = 'none';">Hide</a> </div>
答案 2 :(得分:0)
......或者在jquery的帮助下:
$('#block').hide();
// or:
$('#block').css('display','none');
答案 3 :(得分:0)
最好将javascript放在<head>
或更好的单独文件而不是HTML中。但是,由于您在HTML中使用它,因此可以将代码缩短为onclick="this.parentNode.style.display='none';"