Javascript、getElementById 和样式不起作用：未捕获的类型错误：无法读取 null 的属性“样式”答案

【问题标题】：Javascript, getElementById and style not working: Uncaught TypeError: Cannot read property 'style' of nullJavascript、getElementById 和样式不起作用：未捕获的类型错误：无法读取 null 的属性“样式”
【发布时间】：2013-10-17 03:42:30
【问题描述】：

我这里有这段代码：

document.getElementById('success').style.display("block");
document.getElementById('success').text("aaaa");

我得到这个错误，为什么？

Uncaught TypeError: Cannot read property 'style' of null 

<span id="success" style="color:#FFF; display:none;"></span>

我将代码移到页面底部，现在出现这个新错误

Uncaught TypeError: Property 'display' of object #<CSSStyleDeclaration> is not a function

【问题讨论】：

你是在元素添加到dom之后运行脚本吗？将代码添加到窗口加载处理程序

标签： javascript css syntax

【解决方案1】：

应该是：

var elSuccess = document.getElementById('success');
elSuccess.style.display = 'block';
elSuccess.innerText = 'aaa';

【讨论】：

【解决方案2】：

这只是意味着在执行该 JavaScript 时

document.getElementById('success')  // is NULL

这要么意味着您的文档中没有 ID 为 success 的元素，要么到目前为止尚未加载。在加载后移动要调用的 Javascript。

【讨论】：

将我的代码移动到页面底部，但现在我收到一个新错误 `Uncaught TypeError: Property 'display' of object # is not a function
是的，这不意味着您正在尝试设置无效对象的样式。请发布您的 success 元素定义的 HTML 代码。顺便说一句，它是你想要设计的 CSS 类吗？从错误消息中看起来是这样

【解决方案3】：

意思是

案例 1：您的 javascript 代码在具有该 id 的元素加载到该页面之前执行，或者

案例 2：您的文档中不存在具有此类 id 的元素

如果您的问题是案例 1：

尝试将 javascript 代码放在关闭 </body> 标记之前

如果是情况 2：

尝试更改行中元素的id

document.getElementById('success').style.display("block");
document.getElementById('success').text("aaaa");

将id 'success' 更改为实际存在的其他id

【讨论】：

【解决方案4】：

if(document.getElementById('success') != null)
{
 ................................
}

id 为 success 的元素不存在

【讨论】：

【解决方案5】：

我建议为此使用 jQuery

 $("#success").css("display","block");
 $("#success").append("aaa");

【讨论】：