Javascript 未捕获类型错误:无法读取属性';风格';null-JS错误的定义

Javascript 未捕获类型错误:无法读取属性';风格';null-JS错误的定义,javascript,jquery,null,styles,document,Javascript,Jquery,Null,Styles,Document,我从控制台收到一个javascript错误,内容如下: 未捕获的TypeError:无法读取null的属性“style” 有人知道怎么了吗 代码(JS): 函数选择() { document.getElementById('#iframetest').style.display='block'; } 代码(HTML): 不要将散列放在id(#)中: 根据您的评论,您可以这样做: function select() { document.getElementById('iframetes

我从控制台收到一个javascript错误,内容如下:

未捕获的TypeError:无法读取null的属性“style”

有人知道怎么了吗

代码(JS):


函数选择()
{
document.getElementById('#iframetest').style.display='block';
}
代码(HTML):


不要将散列放在id(#)中:

根据您的评论,您可以这样做:

function select()
{
   document.getElementById('iframetest').style.display = 'block' ? 'none' : 'block';
}

如果您正在使用jquery,请尝试此操作。它起作用了

$('.b').click(function(){
$('#iframetest').hide();
});


<iframe src="localhost/createaclass" id="iframetest"></iframe>
<div class="b">selectDiv</div>
$('.b')。单击(函数(){
$('#iframetest').hide();
});
选择div

请参阅jsiddle链接

将JS移动到HTML下方

<iframe src="localhost/createaclass" id="iframetest"></iframe>
<div class="b" onclick="select()">

<script>
  function select()
  {
    document.getElementById('#iframetest').style.display='block';
  }
</script>

函数选择()
{
document.getElementById('#iframetest').style.display='block';
}

回答这个问题可能太晚了。但是您的选择器返回null,因为在这一行

document.getElementById('#iframetest').style.display='block';
您需要将其更改为:

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

指定getElementById时,JS将直接转到id为“iframetest”的元素。不需要使用“#”。

我希望该元素被隐藏并在单击时显示,但该元素仍会显示。有什么建议吗?:)多谢各位way@user3818791为此,您可以说
我已经在我的框架中声明过,它仍然显示RegardLess它们应该是
document.getElementById('iframetest')。style.display=='block'
,解决这个问题。您正在分配。#iframetest{display:none;}这是我的CSS,但它仍会自动显示。此代码中没有使用jQuery…使用
#
指定id选择器,但
文档。getElementById()
不接受选择器,它希望将id传递给它
<iframe src="localhost/createaclass" id="iframetest"></iframe>
<div class="b" onclick="select()">

<script>
  function select()
  {
    document.getElementById('#iframetest').style.display='block';
  }
</script>
document.getElementById('#iframetest').style.display='block';
document.getElementById('iframetest').style.display='block';