javascript可以“显示”字段的输入值吗？

Question

我有一个字段在UI中显示值为4。 该网站是使用一个我不太了解的复杂构建过程构建的（我是团队的一部分）。

当我检查该字段的HTML时，看不到值4。

我对这可能如何发生感到困惑。 javascript是否有可能“显示”输入字段的值？

Answer 1

DOM元素具有属性和属性 。 两者并不总是相同的。 通常，Web检查器将属性显示为DOM结构的一部分。

<input type="text" value="4" />

但是，如果没有value属性，则并不意味着该元素没有值。 例如，考虑以下HTML：

<input type="text" id="test" />

加载页面时， 属性 document.getElementById("test").getAttribute("value")为null ， 属性 document.getElementById("test").value为"" （空字符串）。 在输入字段中输入4时， 属性 “ value”仍为null ，但是属性值已更改为"4" 。

长话短说，Web检查器没有义务显示输入的值，因为它并不总是作为属性出现在DOM中。

Answer 2

是的，您可以更改javascript中的值。 这就是你的情况

document.getElementById("materials_price_1").value = "4";

Answer 3

我不确定是什么问题。

如果输入包含不等于4 ，则属性value将等于4。

它只是意味着输入的值是4。

Answer 4

只需使用JavaScript检查此字段的值即可：

document.getElementById('materials_price_1').value;

或使用jQuery：

$('#materials_price_1').val();

Answer 5

是的，如果您使用的是chrome，则可以在“元素”选项卡中的elemnet上用鼠标检查元素的位置，然后单击鼠标右键。

现在选择“检查DOM属性”，这将在控制台选项卡的选项卡底部打开。 在那里您可以找到您的字段的DOM对象。 打开对象并找到属性值。 这是当前的有效值

Answer 6

当然。 它发生在DOM中。 您只需在body标签中编写以下代码即可将其设为空白：

<script>
document.getElementById('materials_price_1').value='';
</script>

只要确保将代码放在其他Javascript代码之后即可。