为什么不能读取属性'；风格'；JavaScript中的空值？

我一直被这个javascript错误所困扰！ 我只想在单击按钮时编辑CSS属性的两个值。 我不断地发现这个错误：

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

它出现在第一个document.getElementById行（下面）

我已经在页面的页脚添加了JavaScript，但也在其他位置进行了测试，所以不知道为什么它不能提取元素

HTML:

---

从

document.getElementById的参数中删除前导散列，因为它不是ID的一部分：

document.getElementById('FormContainer')

document.getElementById（'#FormContainer'）
返回
null
。您不能更改
null
的属性
style
，因为
null
是一个基本值，没有属性

或者，正如您已经在使用jQuery一样，只需执行以下操作：

$('#FormContainer').toggle(); // toggles visibility

从
document.getElementById的参数中删除前导散列，因为它不是ID的一部分：

document.getElementById('FormContainer')

document.getElementById（'#FormContainer'）
返回
null
。您不能更改
null
的属性
style
，因为
null
是一个基本值，没有属性

或者，正如您已经在使用jQuery一样，只需执行以下操作：

$('#FormContainer').toggle(); // toggles visibility

您已经在使用Jquery，不妨使用：

$(document).ready(function () {

    jQuery('#loadForm').on('click', function (e) {
        e.preventDefault();
        $('#FormContainer').show();
    })
});

您已经在使用Jquery，不妨使用：

$(document).ready(function () {

    jQuery('#loadForm').on('click', function (e) {
        e.preventDefault();
        $('#FormContainer').show();
    })
});

#选择器前缀用于jQuery而不是getElementById（）。。为什么要使用getElementById？-$（“#FormContainer”）.hide（）/show（）为什么jquery和非jquery的奇怪混合？还有它的
可见性
，而不是
可见性
。你的
getElementById（）
中有一个
不应该存在。你很困惑为什么要从
$（…）
切换到
jquery（'.\loadForm'）
。它们是一样的，你应该选择一个并坚持它。。为什么要使用getElementById？-$（“#FormContainer”）.hide（）/show（）为什么jquery和非jquery的奇怪混合？还有它的
可见性
，而不是
可见性
。你的
getElementById（）
中有一个
不应该存在。你很困惑为什么要从
$（…）
切换到
jquery（'.\loadForm'）
。它们是一样的，你应该选择一个并坚持下去。