JavaScript get element by name

Question

Consider this function   function validate       var acc   document getElementsByName  acc   value    var pass   document getElementsByName  pass   value     alert  acc       And this HTML part    lt table border  0  cellpadding  2  cellspacing  0  valign  top  gt       lt tr gt           lt td class  td1  gt Account lt  td gt           lt td class  td2  gt  lt input type  text  name  acc    gt  lt  td gt       lt  tr gt       lt tr class  td1  gt           lt td gt Password lt  td gt           lt td class  td2  gt  lt input type  password  name  pass    gt  lt  td gt       lt  tr gt   lt  table gt   lt div gt  lt button onClick  validate    class  cupid-greenx  gt Login now lt  button gt  lt  div gt    The alert box is showing  but it shows  undefined

User · Answer

Method document getElementsByName returns an array of elements  You should select first  for example   document getElementsByName  acc   0  value

User · Answer

The reason you re seeing that error is because document getElementsByName returns a NodeList of elements  And a NodeList of elements does not have a  value property   Use this instead   document getElementsByName  acc   0  value

User · Answer

Note the plural in this method   document getElementsByName     That returns an array of elements  so use  0  to get the first occurence  e g   document getElementsByName   0

User · Answer

All Answers here seem to be outdated  Please use this now  document querySelector  quot  name  acc   quot    document querySelector  quot  name  pass   quot

User · Answer

You want this   function validate         var acc   document getElementsByName  acc   0  value      var pass   document getElementsByName  pass   0  value       alert  acc

User · Answer

document getElementsByName  myInput   0  value

[javascript] JavaScript get element by name

Examples related to javascript

Examples related to html

Examples related to dom