2015-01-19 3 views
0

Im любопытное новое для JS, пытаясь изменить значение «электронной почты» поле вводаКак изменить значение элемента

<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> 

Я нашел кучу статей, говоря, как найти элемент по идентификатору. Как я могу сделать это без id, по типу, может быть? Спасибо.

+1

Этот знак 'for' attr is bad. Вы можете исправить это, указав ввод ID ('id =" email ", скажем) и обновив для attr ссылку на идентификатор (' for = "email" '). http://www.w3.org/TR/WCAG20-TECHS/H44 – danielnixon

+0

'document.getElementsByName ('email') [0]', или если элемент управления находится в форме, есть более удобные методы, оба будут работать в каждый браузер повсюду. – RobG

ответ

2

Вы можете использовать селекторы запросов, например:

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

Больше на селекторы запросов here, а также here.

Надеюсь, это поможет!

+0

https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector – jdphenix

+1

Также рассмотрите ['getElementsByName'] (https://developer.mozilla.org/en-US/docs/Web /API/document.getElementsByName). – Oriol

Смежные вопросы