javascript中document.form[formName][]的意思

时间:2023-01-13 13:54:25

近来重新学习javascript发现还有很多知识点模糊,今天就javascript中的document.forms[formName][inputName]进行说明:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript中的form</title>
</head>
<body>
<form name="myForm">
<input type="text" name="myInput" value="">
<input type="submit" value="提交">
</form>
</body>
</html>

  

var sub=document.getElementByTagName("input")[1];
sub.onclick=function(){
var x=document.forms["myForm"]["myInput"].value;
console.log(document.forms["myForm"]["myInput"]);
if(x==""||x==null){
alert("请填入姓名");
return false; }
}

  说明:document.forms[formName];//如果文档中有多个form,取出的是哪一个form;

document.forms[formName][inputName]//如果该form中有多个input,取出的               是哪一个input;

注意:平常都是用document.getElementsByTagName("")[]找到该元素。