2014-11-25 1 views
1
<input id="email" name="email" type="text" value="[email protected]"> 

Как получить значение id = email и распечатать его на моей консоли или в любом месте для целей тестирования?Как напечатать значение в базе console.log на идентификаторе элемента?

Я пытался, но не повезло :(

<script type="text/javascript"> 

    document.getElementById('email').innerText; 

    </script> 
+2

Вы хотите использовать '.value', не' .innerText'. – hon2a

+1

Имейте в виду, что не все браузеры поддерживают консоль, а некоторые будут вызывать ошибку, если вы попытаетесь использовать объект консоли http://stackoverflow.com/questions/14086675/which-browsers-support-console-log – Hoppe

+0

Я предполагаю, что я следует рассмотреть использование .innerText – iori

ответ

1

попробовать

console.log($('#email').val()); 
+0

. Благодарю. – iori

+1

Но вам нужно добавить его к событию, например, щелчок кнопки изменения значения события этого входа для входа в консоль. – Yosoyke

+0

«Предупреждение», а «console.log» - это всего лишь два способа распечатать базу значений на идентификаторе, если элемент? Я ищу лучшую альтернативу. – iori

1

Попробуйте предупреждение ...

http://jsfiddle.net/nemb666L/

var email = $("#email").val(); 
alert(email); 
+2

Я не уверен, почему люди даже делают оповещения больше .. просто используйте console.log .. гораздо проще протестировать код с помощью промежуточной консоли, разработчики должны ознакомиться с ним. –

+0

«console.log подходит только для живой отладки и ведет себя по-разному в Firefox, Chrome и IE (в IE будет отображаться тот же текст, что и предупреждение)». Я думаю, это зависит от ситуации ... – EricBellDesigns

1

это будет 'печать' весь объект для c onsole

console.log("input[id='email'] - %o", document.getElementById('email')); 
1

Без JQuery:

console.log(document.getElementById('email').value); 
+0

«Предупреждение», а «console.log» - это всего лишь два способа распечатать базу значений на идентификаторе, если элемент? Я ищу лучшую альтернативу. – iori

+1

Если у вас есть другой div, вы можете вывести результат в этот div. Пример: 'document.getElementById ('textDiv'). InnerHTML = document.getElementById ('email'). Value' – xphong

+0

I See. Круто. Спасибо – iori

3

Есть два типа элементов

  1. Block - они могут быть доступны с - .innerHTML или .html() в JQuery, как и т.д. SPAN Div в в
  2. Non Block Elements - к ним можно обратиться по адресу .value или .val() в jquery, например входные типы и т.д.

все, что вам нужно O сделать

console.log($('#email').val()) //jquery 

or 

console.log(document.getElementById('email').value); // javascript 
-1

Если email (ваш идентификатор) не определен, просто:

email.innerHTML 

enter image description here

0

В Dev инструментов консоли Chrome уронить .Value:

document.getElementById('#id')