未捕获的类型错误：无法读取 null 的属性“样式” - JS 错误答案

【问题标题】：Uncaught TypeError: Cannot read property 'style' of null - JS error未捕获的类型错误：无法读取 null 的属性“样式” - JS 错误
【发布时间】：2014-10-03 19:34:52
【问题描述】：

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

未捕获的类型错误：无法读取 null 的属性“样式”

有谁知道怎么回事？

代码（JS）：

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

</script>

代码（HTML）：

<iframe src="localhost/createaclass" id="iframetest"></iframe>

<div class="b" onclick="select()">

【问题讨论】：

这段代码中没有使用 jQuery...
# 用于指定 id 选择器，但 document.getElementById() 不接受选择器，它希望将 id 传递给它

标签： javascript jquery null styles document

【解决方案1】：

不要将哈希放在 id (#) 中：

document.getElementById('iframetest')

根据您的评论，您可以这样做：

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

【讨论】：

我希望元素被隐藏并在点击时显示，但是元素仍然显示。有什么建议？ :) 顺便谢谢你
@user3818791 你可以说<iframe src="localhost/createaclass" id="iframetest" style="display:none"></iframe>
我已经在我的框架中说明了，它仍然显示不管
应该有 document.getElementById('iframetest').style.display == 'block' ，修复它。你正在分配。
#iframetest { 显示：无； }这是我的 CSS，但它仍然会自动显示。

【解决方案2】：

将您的 JS 移动到 HTML 下方。

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

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

【讨论】：

【解决方案3】：

回答可能为时已晚。但是您的选择器返回 null 因为在这一行

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

您需要将其更改为：

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

当你指定 getElementById 时，你的 JS 会直接转到 id 为 'iframetest' 的元素。不需要'#'。

【讨论】：

【解决方案4】：

如果你使用 jquery，试试这个。它正在工作。

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


<iframe src="localhost/createaclass" id="iframetest"></iframe>
<div class="b">selectDiv</div>

见 jsfiddle 链接http://jsfiddle.net/17duuxcm/5/

【讨论】：