Web要素の値をコンソールに表示する方法は？

Question

私はcssセレクタを見つけたので、コンソールにその値を表示したいというWeb要素があります。これを達成する方法は？

Answer 1

次のしている場合：

<input id="myValue" type="textbox" value="foo bar"> 

あなたがそうのような値をログに記録することができます

var elem = document.getElementById('myValue'); 
console.log(elem.value); 

Answer 2

ないこれらのタグがあります正確に何あなたがHTMLでvalue

の意味を確認してください値属性

<button>, <option>, <input>, <li>, <meter>, <progress>, <param> 

あなたがコンソールに値を記録しますどのconsole.log(_getValue)ようconsole.logを使用今

var _getValue = document.getElementById('myButton').value; // will give 1 

DOM要素を取得するためにidセレクタ（またはその他の関連するセレクター）を使用することができます。ここ

<button type="button" value="1" id="myButton">My button</button> 

たとえば、開発者用ツール

spanのような要素内のテキストを検索する場合は、innerHTMLまたはを入力する必要があります var x = document.getElementsByClassName("classNameHere");あなたがHTML要素の配列があるでしょう：あなたがで要素をフェッチした場合、テキスト

<span id ="myspan"> My Span </span> 
var _getValue = document.getElementById('myspan').innerHTML; 
console.log(_getValue) 

Answer 3

を取得します。最初の要素を抽出する：x = x[0];よりコンテンツを取得するconsole.log(x.innerHTML()); 要素が入力の場合は、値を取得するためにconsole.log(x.value)を使用します。