Eric-1001c — Sat, 17 Oct 2009 08:52:00 GMT

W3C针对XHTML以及HTML开发一�U�DOM�Q�这个DOM是基于HTMLElement和HTMLDocument实现的。除了少数元素只包含HTMLElement属性和�Ҏ��外，每个HTML元素都通过特定的HTMLElement�c�d��表示。然而�ƈ不是所以浏览器对DOM都支持的�Q�下面列��Z��一些经�怼�遇到的不兼容的DOM使用问题�?br />
1.childNodes
不同��览器��用childNodes在处理Text节点存在一些差异。Mozilla认�ؓ元素之间的空白是Text节点�Q�而IE�Q�会忽略�q�些�I�白。可以通过判断childNodes[x].nodeValue == "#text"�Q�childNodes[x].nodeType == 1解决�q�个问题�Q�或者��用children属性，children属性是一个数�l�，可以通过索引获取子节点；

2.document
IE使用document.all�Q�而��用dom标准的浏览可以通过document.getElementsByTagName("*") �Q?br />
3.Id&getElementById
在IE中可以把Id当作元素使用�Q�但在其他浏览器不支持。因此徏议��用getElementById�Q�getElementById在IE6中��用，如果元素Name�{�于Id�Q�也会一同返回；

4.集合数组
IE中在使用集合�c�d��象时候，讉K��可以通过()�?/span>[]。徏议同一使用[]dom标准讉K��Q?br />
5.body对象
�?/span>IE�?/span>body对象要在标签完全��d��才会存在�Q�而在FireFox中一开始就存在�Q?br />
6.Type属�?br /> �?/span>IE�?/span>input标签�?/span>type属性是只读的，但在FireFox中是可读写的�Q?br />
7.removeNodes/removeChild
在FireFox节点中没有removeNode�Ҏ��Q�必��M��用如下方�?node.parentNode.removeChild(node)�Q?br />
8.ParentNode
IE与FireFox的访问父元素有区别，IE为Obj.ParentElement属�?FireFox为Obj.ParentNode属�?/span>解决办法�Q�因为FireFox与IE都支持DOM�Q�因此统一用ParentNode属�?/span>�Q?br />
9.set/getAttribute
IE的setAttribute不能讄��对象属性、事件属性和style相关的属性，对于自定义的可以讄��Q�要注意在FF中，通过自定义设�|�的属性和通过.�Ҏ��讄��的属性不是同一个属性；

10.自定义属�?br /> 在FF中不支持像IE那样直接获取�Q�徏议统一用getAttribute�Ҏ��Q?br />
11.class/className
IE中用”classname”做�ؓ属性名来设�|�或取得css class�Q�FF和其它浏览器�?#8221;class”做�ؓ属性名来设�|�或取得�Q�Dom标准的node object��h��className属�?br />
12.Range
在IE中有document.selection.createRange(),document.body[button|input].createTextRange()�Q�而在FF中可以通过document.getSelection()[.getRangeAt(0)];而对Range的操作中�Q�除了IE和DOM标准的各�U�move外，FF中的node element�q�有selectionStart,selectionEnd只读属�?br />

Eric-1001c 2009-10-17 16:52 发表评论

Eric-1001c — Sat, 17 Oct 2009 04:56:00 GMT

DOM的不兼容也说明了DOM高��Ҏ��Event的不兼容�Q�因为我们在开发Web的时候，和用��L��大量交互都是通过event来实现的�Q�所以单独把event抽出来，把其不兼�Ҏ��列出：

Event的兼�Ҏ�?br /> 1.事�g��的区别
IE         冒��事�g��?nbsp; 在IE6增加�{�元素对事�g��的响应
Mozillal   冒��事�g��? 在IE6的基��上增加window对象对事件流的响�?br /> Netscape   捕获事�g��?nbsp; 同Mozillal
DOM标准    冒��+捕获    增加文本节点对事件流的响应；同时冒��+捕获使得事�g目标�q�箋接收2�ơ事�?br />                        �Q�这可能是DOM的事件增加函数有�W?个参数的原因�Q?br /> 2.事�g处理函数
IE         attach(eventName, fn)�?nbsp;                 eventName=on+事�g�?
           detachEvent(eventName, fn)
DOM        addEventListener(eventName,fn,boolean)
           removeEventListener(eventName,fn,boolean)    eventName=事�g�?
                                                        boolean=true:捕获|false:冒��
                                                        remove只有同事件流才能��h��
3.事�g对象
定位       IE�Q�window.event�Q?nbsp;                          window.event||arguments[0]
           DOM�Q�arguments[0]�Q�事件处理函数的参数�Q�，可以通过caller来防止硬�~�码获取�Q?br />
事�g目标   IE�Q�event.srcElement                         event.srcElement||event.target
           DOM:event.target

��L��事�g   IE: event.returnValue = true                 if(isIE){window.event.returnValue = true;}
默认行�ؓ   DOM: event.preventDefault()                  else{arguments[0].preventDefault();}

3.1 鼠标事�g[对象]
鼠标位置    IE�Q�event.x,event.y                         event.x?event.x:event.PageX
            DOM:event.pageX, event.pageY                event.y?event.y:event.PageY
�q�入事�g1   IE �Q�onmouseenter, onmouseleave             它们的区别在于处理嵌套dom object出入上，只有
DOM�Q�mouseover,mouseout                     DOM标准才进行处理，enter/leave会忽略，也就是说
                                                        (fromElement!=toElement) && (this.contains(toElement) 触发onmouseover
                                                        (fromElement!=toElement) && (this.contains(fromElement) ) 触发onmouseout
�q�入事�g2   IE�Q�event.fromElement|toElement�Q?br />                 event.srcElement
            DOM�Q?target�Q�relatedTarget                 对于mouseover�Q�fromElement=relatedElement,toElement = srcElement=target;
                                                        对于mouseout : toElement=relatedElement,fromElement = srcElement=target;

3.2 键盘事�g
字符代码    IE�Q�event.keyCode�Q�DOM: 数��g��?event.keyCode。event.isChar?event.charCode:event.keyCode �Q�在FF中，keyCode只能获得功能键的数��g��码，其他的需通过which和charCode�Q�在Opera中，则只能通过which

Eric-1001c 2009-10-17 12:56 发表评论

亚洲av日韩专区在线观看,自拍偷自拍亚洲精品情侣,国产精品亚洲片在线va