Question

我有一个web元素，我找到了css选择器，现在我想在控制台中打印它的值。怎么做到这一点？

Answer 1

如果您有以下内容：

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

您可以像这样记录值：

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

Answer 2

不确定value

到底是什么意思

在html中，这些标签将具有值属性

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

例如

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

在这里，您可以使用id选择器（或任何其他相关选择器）来获取DOM元素

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

现在使用像console.log(_getValue)这样的console.log，它会记录开发人员工具控制台中的值

如果您在span等元素中查找文字，则必须执行innerHTML或textContent才能获取文字

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

Answer 3

如果您通过以下方式获取元素： var x = document.getElementsByClassName("classNameHere");您将拥有一系列HTML元素。提取第一个元素：x = x[0];而不是console.log(x.innerHTML());获取内容如果您的元素是输入，请使用console.log(x.value)来获取值。

如何在控制台中打印Web元素的值？

3 个答案: