How to change value of element

Question

Im kinda new to js, trying to change value of "email" input field

<div class="input-group type-email">
    <div class="input-label  has-placeholder-label">
        <label for="">Your Email Address</label>
    </div>
    <div class="inputs">
        <input name="email" value="" placeholder="" type="email">
    </div>
</div>

I've found a bunch of articles saying how to find an element by id. How can I do it without id, by type maybe? Thank you.

That label's for attr is bad. You can fix it by giving the input an ID (id="email", say) and updating the for attr to refer to the ID (for="email"). w3.org/TR/WCAG20-TECHS/H44 — danielnixon
– danielnixon, Commented Jan 19, 2015 at 0:53
document.getElementsByName('email')[0], or if the control is in a form there are more convenient methods, both will work in every browser everywhere. — RobG
– RobG, Commented Jan 19, 2015 at 1:00

undefined · Accepted Answer · 2015-01-19 00:45:10Z

2

You can use query selectors, for example:

var input = document.querySelector("input[name=email]");
input.value = "Your new value";

More on query selectors here and also here.

Hope it helps!

answered Jan 19, 2015 at 0:45

undefined

4,1757 gold badges29 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Oriol Over a year ago

Also consider getElementsByName.

Collectives™ on Stack Overflow

How to change value of element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related