Question

写JS时浏览器报错：Cannot read property 'style' of null

document.getElementById("message").style.top=(window.screen.height-300)+"px";

Answer 1

写JS时浏览器报错：Cannot read property 'style' of null的原因：

document.getElementById("message").style.top=(window.screen.height-300)+"px"。

你的JS运行的时候你的页面还没有加载完成，所以你的JS代码找不到你的页面元素，就会抛出这个问题。

JS：

JS是JavaScript的简称。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 

Answer 2

很简单，你的JS运行的时候你的页面还没有加载完成，所以你的JS代码找不到你的页面元素，就会抛出这个问题

Answer 3

你把引入的<script type="text/javascript" src="/././."></script> 这个写在页面后面

Answer 4

难道你用了if...else？

最好不要使用
if(flag){
a.style.top = "";
}else{
a.style.top = "";
}

这样第二个style会出问题的。应该加入一个变量，如下
var temp ;
if(flag){
temp = "";
}else{
temp = "";
}
a.style.top = temp;

Answer 5

终于找到原因了了，什么页面渲染先加载了js，

我写的是点击绑定方法，点击后方法才会被调用，

怎么会未渲染，就先调用呢，不说上图

id前面莫名其妙的打出了一个不是空格的东西

重新打了一遍然后就好了