0

我一直卡在这个 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';  
    })
});
4

2 回答 2

2

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

$(document).ready(function () {

    jQuery('#loadForm').on('click', function (e) {
        e.preventDefault();
        $('#FormContainer').show();
    })
});
于 2013-06-26T15:11:59.383 回答
2

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

document.getElementById('FormContainer')

document.getElementById('#FormContainer')返回null。并且您不能更改 的属性style，null因为null它是原始值并且没有属性。

或者因为您已经在使用 jQuery，只需执行以下操作：

$('#FormContainer').toggle(); // toggles visibility
于 2013-06-26T15:09:56.340 回答