javascript - 将值写入页面而不出现在源代码中

Question

我想知道是否有人可以告诉我以下内容是如何实现的。我正在查看 Digitalstormonline 自定义系统构建界面，并注意到它们的价格在 firebug 中没有任何痕迹地更新。

http://www.digitalstormonline.com/comploadhailstorm.asp?id=477406

包含更新价格的输入标签不包含关于更新价格是多少的线索。我知道价格是在服务器端计算的，但他们如何以不涉及将其写入源代码的方式更新数字？

谢谢

Answer 1

该值是客户端更新的，尽管您看不到任何变化这一事实是很标准的。 Javascript 改变了不一定改变 DOM 的值(你指的是源代码，或者你在 Firebug 中看到的东西)，但是如果你在自定义价格后打开 Firebug 控制台并执行:

$('#divStayTopLeft input').val();

您会看到更新后的值。

你可以简化整个事情并用一个简单的 fiddle 做同样的事情:http://jsfiddle.net/wexTS/

来源开始于 <input id="foo" value="bar" />这就是更改后它在 Firebug 中的样子，但显然值更改为 fooooo

类似问题:jQuery - selected attribute on options doesn't show in FireBug