Question

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

2014-08-11

51260

javascript jquery null styles document

我的控制台出现一个 javascript 错误，内容为：

Uncaught TypeError: Cannot read property 'style' of 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()">

Answer 1

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

document.getElementById('iframetest')

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

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

Answer 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>

Answer 3

现在回答可能太晚了。但是你的选择器返回 null，因为在这行

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

你需要将其更改为：

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

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