微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 源代码与“检查元素”的区别

我在代码中找不到特定的样式元素,我可以使用Chrome和Firefox(firebug)中的代码编辑器进行编辑.这给我的问题,为什么视图源与实际代码不同?我知道 JQueryJavascript正在做一些事情(添加类和垃圾…),因为我正在使用来自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">

在“检查元素代码中,有一个样式属性宽度:800px;我想改变,但我已经在代码搜索它,它显然是不存在的.

这种风格属性是否动态生成

更新:根据您的反馈,当样式属性为动态时,如何更新电子邮件模态的宽度?

解决方法

我同意Joe Enos,但还有一些其他的事情可能是原因.

>您可能正在查看电子邮件的来源,例如:

您正在查看的对象是一封电子邮件,gmail会自动编辑div,同时添加更多类或ids,以确保其用户界面不被黑客入侵或破坏.
>您正在使用与其他CSS或JS文件链接.这里:
这是我的网站的网站布局,我正在使用代码.但一旦执行,会发生什么!几乎相反,在这里
检查元素中,您可以看到有很多类被添加到HTML中,这是我们从未做过的.这是从哪里来的?它的JS或CSS @media查询我不知道这一个.但是它来自那里,你可以看到我已经链接了许多JS和CSS文件.

到了点!

你所说的源代码与真实的代码有很大的不同,你有错误.因为当你使用函数写ot删除类时,你实际上知道你在调用函数的位置.例如:

function writeClass() {
 $('div').addClass('someword');
}

并且您将始终知道,此类已在页面加载时添加到此元素.

另外,浏览器本身也不会向DOM添加任何东西.

是的,您可以动态更改css属性.用这个:

$('element').css('width','800px');

该行将覆盖您刚才提供的那个元素的任何其他CSS属性.或者换句话说,jQuery超过了从Server获得的DOM属性.

还有一件事:

你不能使用jQuery来永久地改变CSS文件的值,所以你必须使用一些服务器端的语言. jQuery可以更改网页内容一次,当页面重新加载时,它们被移回.

希望我接近点! :)干杯,

原文地址:https://www.jb51.cc/js/153026.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐