I have a form
DOM element:
var virDom = document.getElementsByTagName("form")[0];
virDom
has two fields with IDs creditId
and pwdId..
. I can access virDom.creditId
without any issue, but virDom.pwdId..
is failing with a syntax error, because of the periods contained in the name.
How can I access such properties?
Answer: Use the Square Bracket ( [] ) Notation There are two ways to access or get the value of a property from an object — the dot ( . ) notation, like obj. foo , and the square bracket ( [] ) notation, like obj[foo] .
To dynamically access an object's property: Use keyof typeof obj as the type of the dynamic key, e.g. type ObjectKey = keyof typeof obj; . Use bracket notation to access the object's property, e.g. obj[myVar] .
Use bracket notation:
virDom['creditId'] virDom['pwdId..']
This applies to any object, and it is particularly useful for non-identifier-safe characters and also for accessing keys that you may not know ahead of time.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With