使用<a> tag and onclick?</a>使用javascript更改页面元素的样式

时间:2010-07-07 01:19:05

标签: javascript html

我有一个div块

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

我希望有一个链接可以在点击时隐藏块,我尝试了上面的但是它不起作用我不知道如何让这个工作,任何想法或指导?

4 个答案:

答案 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';"