javascript Uncaught TypeError：无法读取null的属性'firstChild'[重复]

Posted 2023-02-23

【中文标题】javascript Uncaught TypeError：无法读取null的属性\'firstChild\'[重复]

【英文标题】：javascript Uncaught TypeError: Cannot read property 'firstChild' of null [duplicate]javascript Uncaught TypeError：无法读取null的属性'firstChild'[重复]

【发布时间】：2014-05-04 05:56:13

【问题描述】：

在我继承的一个非常旧的表单上，我在 Google Chrome 中收到以下错误（在 IE 中似乎可以正常工作，没有错误）

未捕获的类型错误：无法读取 null 的属性“firstChild”

错误适用于以下js elem.firstChild.nodeValue = dispmessage;：

function msg(fld,     
         msgtype, 
         message) 
  if (emptyString.test(message))
    dispmessage = String.fromCharCode(nbsp);
  else
    dispmessage = message;

  var elem = document.getElementById(fld);
  elem.firstChild.nodeValue = dispmessage;

  elem.className = msgtype;   // set the CSS class to adjust appearance of message
;

想知道以前是否有人遇到过类似的问题？关于如何解决的任何想法？

干杯

【参考方案1】：

这个错误意味着elem 对象是null。检查传递的 fld 值，并查看具有该 id 的对象是否确实存在于您的代码中。

【讨论】：

或以简单的方式：您的 javascript 在 html 之前加载方式，因此，javascript 无法找到 DOM 元素。干杯;-)