How to print a value in console.log base on ID of an element?

Question

<input id="email" name="email" type="text" value="ooooo@gmail.com">

How do I get value of id=email and print it out to my console or anywhere for testing purposes ?

I tried, but no luck :(

script type="text/javascript">
    document.getElementById('email').innerText;
</script>

Answer 1

There are two types of elements

1. Block - these can be accessed with - .innerHTML or .html() in jquery like div's span's etc
2. Non Block Elements - these can be accessed by .value or .val() in jquery, like input types etc

all you need o do is

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

or 

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

Answer 2

尝试

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

Answer 3

Try an alert...

http://jsfiddle.net/nemb666L/

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

Answer 4

这会将整个对象“打印”到控制台

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

Answer 5

没有 jQuery：

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

Answer 6

有用

console.log(email.value)

Answer 7

在 Chrome 开发工具控制台中删除 .value：

document.getElementById('#id')

Answer 8

If email (your id) is not defined, just:

email.innerHTML