Javascript:style.display:'block'不起作用

Rom*_*sch 3 javascript css

知道为什么这个JavaScript只显示"阻止"而不是(隐藏)DIV的内容?

<html>
<body>

<div id="mydiv" style="display:none">TEST</div>

<a href="javascript:document.getElementById('mydiv').style.display='block';">Show my DIV</a>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我也试过'内联'但结果相同.

return false/true也失败了.

onclick =''也失败了.

我知道有style.visibility等但我不需要/块.

此函数应该在链接内部工作,我不想调用外部JS函数.

谢谢!

j08*_*691 5

因为您想使用onclick事件处理程序,而不是href属性:

<a href="#" onclick="document.getElementById('mydiv').style.display='block';">Show my DIV</a>
Run Code Online (Sandbox Code Playgroud)

jsFiddle例子

(旁注:内联JavaScript通常不赞成)

  • 但是没有解释他的原始代码中发生了什么. (3认同)