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

Question

我在这里有这段代码：

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

score 3 · Accepted Answer

应该：

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

score 3 · Accepted Answer

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

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

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

score 1 · Accepted Answer

这意味着

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

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

如果您的问题是案例 1：

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

如果是情况2：

尝试更改行id中元素的

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

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

score 0 · Accepted Answer

0

我建议为此使用 jQuery

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

于 2013-10-17T03:53:54.827 回答

score 0 · Accepted Answer

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

id 不存在的元素success

5 回答 5