ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。　　ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值.　　在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置为内容的内边缘。　　通过权衡得到适合两个浏览器的设置：padding:0; margin:0; list-style:inside;。还可以将ul设置为padding:0; margin:0; list-style:none;，然后给li添加背景图片，也是很不错的选择。<style type="text/css">body{font-size:12px; margin:20px; line-height:18px;}ox{width:200px; background-colo...

1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行　　3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中　　4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width　　5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上　　6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制...

1.document.formName.item(”itemName”) 问题说 明:IE下,可以使用document.formName.item(”itemName”)或 document.formName.elements["elementName"];Firefox下,只能使用 document.formName.elements["elementName"].解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.解决方法:统一使用[]获取集合类对象.3.自定义属性问题说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获...

先看两个对象： 对象一： <div id="test1"><!--第一个遍历对象，节点之间留有空格和回车--> <div>Test Content</div> <div>Test Content</div> <div>Test Content</div> </div>对象二： <div id="test2"><!--第二个遍历对象，除注释外，节点间无空格回车--><div>Test Content</div><div>Test Content</div><div>Test Content</div></div>用IE和Firefox运行如下代码： var test1 = document.getElementById('test1'); var test2 = document.getElementById('test2'); var childs1 = test...

 现在我们来看看Firefox中的XML DOM实现，Firefox的开发人员采用更为标准的方法，将其作为JavaScript实现的一部分。Mozilla确保所有基于Gecko的浏览器的所有平台都支持XML DOM。 Firefox中创建一个XML DOM，需要调用document.implementation对象的createDocument()方法。该方法接受三个参数：第一个参数是包含文档所使用的命名空间URI的字符串；第二个参数是包含文档根元素名称的字符串；第三个参数是要创建的文档类型（也称为doctype）。如果要创建空的DOM文档，则代码如下所示：var oXmlDom = document.implementation.createDocument("", "", null);前两个参数是空字符串，第三个...

1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象.3.自定义属性问题 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获...

尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中，网页教学网介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的<div>的 background-color值，我们使用如下句法： document.getElementById("header").style.backgroundColor= "#ccc"; 但由于"float"这个词是一个JavaScript保留字，因此我...