how to get the maxlength of an input field using javascript

Question

I just wanted to know if we could get the maxlength of an input field from javascript

<input type="password" id="password" maxlength="20" >

I tried this but it returns undefined

console.log(document.getElementById("password").maxlength);

Answer 1

document.getElementById("password").maxLength

To access it with Javascript you need an uppercase 'L'

W3 Schools Example

Answer 2

Use DOMElement::getAttribute() to obtain properties, that not listed in DOMElement, but existing in markup:

var el = document.getElementById("password");
console.log(el.getAttribute('maxlength'));

Answer 3

The accepted answer is actually wrong:

document.getElementById("password").maxLength

Will get you the maxLength attribute e.g. maxLength="2", to get the value you must get just that:

document.getElementById("password").maxLength.value /* <-- note .value */