HTML输入表单中的更改不会'；不要影响DOM
我需要了解易趣是如何处理其产品表单的，以便我可以将其应用到我的应用程序中。这对于表单数据安全至关重要。事情是这样的 在易趣上，当你点击一个产品时，它的属性（如容量、条件、数量）就会出现，在我的例子中，你可以更改数量并将其添加到你的购物车中，例如当你键入 10作为数量，但默认值为1，DOM不会更改为10， 但是，仍然有10件物品进入购物车。另外，如果您在 DOM本身通过浏览器检查器（假设为10），默认的 1不会变为10。因此，发生的唯一情况是；键入数量，即使DOM没有更改，应用程序仍然知道所需的数量。（请注意，其他标记（如h3）可以通过DOM检查器进行操作，即立即应用更改） 我需要帮助弄清楚这是怎么做到的。先谢谢你HTML输入表单中的更改不会'；不要影响DOM,html,forms,dom,web-inspector,Html,Forms,Dom,Web Inspector,我需要了解易趣是如何处理其产品表单的，以便我可以将其应用到我的应用程序中。这对于表单数据安全至关重要。事情是这样的 在易趣上，当你点击一个产品时，它的属性（如容量、条件、数量）就会出现，在我的例子中，你可以更改数量并将其添加到你的购物车中，例如当你键入 10作为数量，但默认值为1，DOM不会更改为10， 但是，仍然有10件物品进入购物车。另外，如果您在 DOM本身通过浏览器检查器（假设为10），默认的 1不会变为10。因此，发生的唯一情况是；键入数量，即使DOM没有更改，应用程序仍然知道所需的数
对
值属性所做的任何更改都不会更新为输入的值属性
对输入的值属性
所做的任何更改都将更新为输入的值属性
，直到值属性
没有变脏为止（即没有从其他地方更改）。一旦输入的值属性
变脏，对值属性
所做的任何更改都不会更新输入的值属性
您可以使用Element.value
设置或获取输入的value属性
您可以使用Element.getProperty（'value'）
获取和Element.setProperty（'value'）
设置输入的值属性。据我所知，在浏览器加载页面后手动更改输入
字段中的值后，您从DOM中所做的更改不会更改输入字段。如果我的观察是正确的，那么解决方案就是使用JQuery
更改和恢复该值。因此，如果我是对的，下面的内容可能会有所帮助：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var val = document.getElementById('fname');
s = val.value;
val.value = "4";
val.value = s;
});
</script>
</head>
<body>
<form action="/action_page.php">
First name: <input type="text" name="fname" value="John" id="fname"><br>
Last name: <input type="text" name="lname" value="Doe"><br>
<input type="submit" value="Submit form">
</form>
</body>
</html>
$（文档）.ready（函数（）{
var val=document.getElementById（'fname'）；
s=val.value；
val.value=“4”；
val.value=s；
});
名字：
姓氏：
我不确定这是不是这样做的。好的，但我需要弄清楚的是，他们是如何通过右键单击并单击“Inspect Element”选项来避免从我们打开的DOM树中直观地更改elemnt值的。例如，我可以通过这种方式更改stackoverflow的sarch bar的值。易趣上发生的事情是，即使您更改了值，表单上的视觉效果仍然相同，但在这里，搜索栏的输入值会立即更改为我键入的内容。@JaqenH'gaar在控制台中运行此元素。value='something'
，或者在输入中手动键入一些内容，然后在StackOverflow中再次尝试更改属性的输入值。我刚刚意识到，这不仅仅是初始渲染，value属性跟随value属性直到它变脏，更新了答案非常感谢澄清。现在一切都很有道理