为什么删除var p1 = document.getElementById("p1");仍然能实现p1的classname改变？

function add(){
	      var p1 = document.getElementById("p1");
	      p1.className="one";
	   }

根据语法object.className=classname，为什么把上面的

var p1 = document.getElementById("p1");

这段删掉之后直接

function add(){
	      p1.className="one";
	   }

p1的classname仍然会改变呢？这是编辑器的智能识别吗？