我在我的代码中找不到特定的样式元素，我可以使用 Chrome 和 Firefox (firebug) 中的代码编辑器对其进行编辑。这让我想到了我的问题，为什么 View 源代码与实际代码如此不同？我知道 JQuery 和 Javascript 正在对它做一些事情(添加类和垃圾...)，因为我使用的是 JQuery UI 中的模态，但为什么我找不到样式元素？？？他们在哪里？？？
源代码:
<div id="modalEmail-ESI" title="Email - ESI" class="infoModal">
来自代码编辑器:
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-modalEmail-ESI" style="display: block; z-index: 1004; outline: 0px; position: absolute; height: auto; width: 800px; top: 205px; left: 577px;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-modalEmail-ESI">Email - ESI</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="modalEmail-ESI" class="infoModal ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 282px;" scrolltop="0" scrollleft="0">
在“inspect element”代码中，有一个样式属性width:800px;，我想更改，但我在代码中搜索过，显然不存在。
那个样式属性是动态生成的吗？
更新:根据您的反馈，当样式属性为动态时，如何更新电子邮件模式的宽度？
最佳答案
当您说“查看源代码”时，我假设您指的是编辑器，而不是实际的“查看源代码”。当您从浏览器“查看源代码”时，您会得到服务器传送的 HTML，而不是在 javascript 完成它的工作之后。
当您在开发工具的编辑器中时，您正在查看当前存在的 DOM，其中包括内联样式、解析更正以及 javascript 运行结果的其他内容。
关于javascript - 源码和 "inspect element"的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18967324/