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代碼之后即可。