欢迎光临
我们一直在努力

Uncaught TypeError: Cannot read property ‘children’ of null

1. JavaScript Code Snippet:


function slideTop(idname, topname) {
    var headname = document.getElementById(idname);
    var divname = document.getElementById(topname);
    var alen = divname.children.length;
    ...
}

2. Error:

Uncaught TypeError: Cannot read property ‘children’ of null

3. Analysis:

The error returned by the browser says that the property ‘children‘ of null can not be read, that is to say, the variable divname equals to null, because ‘children‘ is the property of divname. Therefore, it can be determined that the “getElementById(topname)” equals to null, i.e. the element with the id “topname” can not be got. So there are mainly two reasons accounting for this error returned by browser:

  1. There may be something wrong with the id “topname“, e.g. the correct id may be “topName“.
  2. Maybe the element with the id “topname” is existed but can not be got by the broswer due to that this function is executed before the element is interpreted. This case is usually seen when the JavaScipt code snippet is put inside the HTML opening <head> tag and the closing </head> tag while the function is not related to the window.onload event. To solve this problem, you can connect the function with the window.onload event, or move this JavaScript code snippet to where just before the HTML closing </body> tag.

P.S: You should not use “children“. It would be better to use “childNodes” instead of the “children“. “childNodes” is supported by all major browsers including IE, while “children” (invented by IE) is not well supported by major browsers other than IE. The former conforms to the standard while the later is not.

赞(0) 打赏(金额可任意指定)
未经允许不得转载:峰间的云 » Uncaught TypeError: Cannot read property ‘children’ of null
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

上海宝山顾村棉被加工店 专业加工新旧棉被

查看详情了解一下

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏