JavaScript-js获取不到样式的值
使用JavaScript获取不到样式的值。求指教？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{ display:none; width:100px; height:100px; border:1px solid #000;}
</style>
<script>
window.onload = function()
{
var oBtn = document.getElementById('btn1');
var oDiv = document.getElementById('div1');
oBtn.onclick = function()
{
if(oDiv.style.display == 'none')
{
oDiv.style.display = 'block';
}
else
{
oDiv.style.display = 'none';
}
}
}
</script>
</head>
<body>
<input id="btn1" type='button' value='显示隐藏' />
<div id="div1"></div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你把样式写在element中就可以了<div id="div1" style="display:none; width:100px; height:100px; border:1px solid #000;"></div>
把原来的#div1{ display:none; width:100px; height:100px; border:1px solid #000;}去掉。
第一次去不到是因为：第一次没取到oDiv.style.display的值[oDiv是个Object,他没有style属性值,除非写在本身,而不是css控制]，然后执行了else即oDiv.style.display = 'none'.
当第二次执行时,oDiv对象有了style属性即display:none,后面执行就正常了.
建议使用jquery,jquery中addCss可以解决这个问题
尝试 currentStyle 注意兼容性
var getSty=elem.currentStyle?elem.currentStyle:document.defaultView;