为什么在 JavaScript 中无法读取 null 的属性“样式”

Why cant read property 'style' of null in JavaScript?

本文关键字：属性 样式 null 读取 JavaScript 为什么      更新时间：2023-09-26

我一直卡在这个javascript错误上！我想做的只是在单击按钮时编辑 CSS 属性的两个值。我不断收到此错误：

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

它出现在第一个 document.getElementById 行(下图(上。

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

.HTML：

<a id="loadForm" href="">LINK</a>
<div id="FormContainer">
    <!-- CONTENT -->
</div>

JavaScript：

$(document).ready(function () {
    jQuery('#loadForm').on('click', function (e) {
        e.preventDefault();
        document.getElementById('#FormContainer').style.display = 'block';
        document.getElementById('#FormContainer').style.visability = 'visible';  
    })
});

你已经在使用Jquery，不妨选择：

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

从参数中删除前导哈希值以document.getElementById ，因为它不是 ID 的一部分：

document.getElementById('FormContainer')

document.getElementById('#FormContainer')返回null .并且你不能更改null的属性style，因为null是一个基元值，没有属性。

或者当你已经在使用jQuery时，只需做：

$('#FormContainer').toggle(); // toggles visibility
相关文章：