How to find value of input field using name attribute?

javascript dhtml
Shyam Sundar picture Shyam Sundar · May 4, 2017 · Viewed 15.9k times · Source

How to access the value of this input field by its name attribute using Javascript

<input type='text' name='hey'>

document.querySelectorAll('input[name=hey]').value;

Answer

Satpal picture Satpal · May 4, 2017

You were close, As querySelectorAll() returns a list so you can use indexer to access the elements.

document.querySelectorAll('input[name=hey]')[0].value

better use querySelector()

document.querySelector('input[name=hey]').value

Related questions

How do I retrieve an HTML element's actual width and height?

Suppose that I have a <div> that I wish to center in the browser's display (viewport). To do so, I need to calculate the width and height of the <div> element. What should I use? Please …

Read More
jQuery document.createElement equivalent?

I'm refactoring some old JavaScript code and there's a lot of DOM manipulation going on. var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; …

Read More
Print <div id="printarea"></div> only?

How do I print the indicated div (without manually disabling all other content on the page)? I want to avoid a new preview dialog, so creating a new window with this content is not useful. The page contains a couple …

Read More