Javascript 动态创建元素的z索引更改上的调试断点
我正在使用一个JS库来创建对话框,但是它的核心代码非常大和复杂。创建的对话框具有CSS属性Javascript 动态创建元素的z索引更改上的调试断点,javascript,css,debugging,z-index,yui,Javascript,Css,Debugging,Z Index,Yui,我正在使用一个JS库来创建对话框,但是它的核心代码非常大和复杂。创建的对话框具有CSS属性z-index:2,而我希望它们使用更大的数字。问题是这个CSS在JS库的运行时直接设置在对话框的DIV包装器上(因此由于规则的原因,我不能用外部CSS文件覆盖它们) 我想知道Chrome Developer Tools或Firebug中是否有一种方法可以在给定的、动态创建的元素的z-index属性发生更改时设置断点,因为我知道将分配什么id=“”和class=“”?基本上,断点应该在z索引设置之前,这样我
z-index:2
,而我希望它们使用更大的数字。问题是这个CSS在JS库的运行时直接设置在对话框的DIV包装器上(因此由于规则的原因,我不能用外部CSS文件覆盖它们)
我想知道Chrome Developer Tools或Firebug中是否有一种方法可以在给定的、动态创建的元素的
z-index
属性发生更改时设置断点,因为我知道将分配什么id=“”
和class=“”
?基本上,断点应该在z索引设置之前,这样我就可以知道上面示例中数字2的来源。在Firebug HTML选项卡中,右键单击一个元素并选择“属性更改时中断”在Firebug HTML选项卡中,右键单击一个元素并选择“属性更改时中断”是的,但正如我所说,元素是动态添加到DOM中的。当它可用于右键单击(以便我可以添加断点)时,它已被渲染,其z索引已设置。我想在这之前设定一个断点。听起来你在用YUI?我认为2的zIndex只是默认值。您可以将zIndex配置为属性:是的,但是正如我所说的,元素是动态添加到DOM中的。当它可用于右键单击(以便我可以添加断点)时,它已被渲染,其z索引已设置。我想在这之前设定一个断点。听起来你在用YUI?我认为2的zIndex只是默认值。您可以将zIndex配置为属性: