web-dev-qa-db-ja.com

要素のIDに基づいてconsole.logに値を出力する方法は？

<input id="email" name="email" type="text" value="[email protected]">

Id = emailの値を取得して、テスト目的でコンソールまたは任意の場所に印刷するにはどうすればよいですか？

試しましたが、運がありません:(

    <script type="text/javascript">

    document.getElementById('email').innerText;

    </script>
javascriptjqueryhtmlconsole.log
3
iori

要素には2つのタイプがあります

  1. ブロック-これらは、-_.innerHTML_または.html()でアクセスできます。divのスパンなどのjqueryで
  2. 非ブロック要素-これらは、入力タイプなどのように、jqueryの_.value_または.val()によってアクセスできます。

あなたがする必要があるのは

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

or 

console.log(document.getElementById('email').value); // javascript
_
5
Ekansh Rastogi

試してみてください

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

アラートを試してください...

http://jsfiddle.net/nemb666L/

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

これにより、オブジェクト全体がコンソールに「印刷」されます

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

JQueryなし：

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

Chrome開発ツールコンソールで.valueをドロップします：

document.getElementById('#id')
0
cjjenkinson

できます

console.log(email.value)
0
chendianbuji