原生js 为什么这里调用上面的方法可以直接打.(点)直接找到这个元素啊？ ​ ​

Question

function getFocus(txt){

txt.className="txt_focus";

txt.parentNode //td

.parentNode //tr

.querySelector("div")

.className="";

}

function valiName(txt){

txt.className="";

var div=txt.parentNode //td

.parentNode //tr

.querySelector("div");

if(/^\w{1,10}$/.test(txt.value)){

div.className="vali_success";

return true;

}else{//否则

div.className="vali_fail";

return false;

}

}

function valiPwd(txt){

txt.className="";

var div=txt.parentNode //td

.parentNode //tr

.querySelector("div");

if(/^\d{6}$/.test(txt.value)){

div.className="vali_success";

return true;

}else{//否则

div.className="vali_fail";

return false;

}

}

//为document中第一个form绑定submit事件为:

document.forms[0].addEventListener(

  "submit",function(e){

  //查找当前form中name为username的元素,保存在变量txtName中

  //调用valiName，传入txtName参数，将返回值保存在rName中

  var rName=valiName(this.username);     疑问？=====>为什么这里调用上面的方法可以直接打.(点)直接找到这个元素啊？？？   ？？这么写我一时半会儿真理解不了？？                                                                                                            

  //查找当前form中name为pwd的元素，保存在变量txtPwd中

  //调用valiPwd，传入txtPwd参数，将返回值保存在rPwd中

  var rPwd=valiPwd(this.pwd);

  //如果rName和rPwd不都为true

  if(!(rName&&rPwd)){

    e.preventDefault();//取消事件！

  }

});

Answer 1

js的思想，一切皆是对象。