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为{{1} （空字符串）。在输入字段中输入4时，属性“value”仍为""，但属性值已更改为null。< / p>

长话短说，网络检查员没有义务显示输入的值，因为它并不总是作为属性出现在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

是的，如果您使用镀铬，您可以使用鼠标在“元素”选项卡中的elemnet上检查元素支架并右键单击。

现在选择'Inspect DOM Properties'，这将打开控制台选项卡选项卡的底部。在那里你可以找到你的领域的DOM对象。打开对象并查找属性值。这是现在的活跃价值

Answer 6

不确定。它发生在DOM中。您只需将此代码写入您的正文标记即可将其设为空白：

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

请确保将代码放在其他Javascript代码之后。