今天在改东西的时候小撞两个地方， 虽然比较有经验或有看过 ECMA-262 的大大应该都知道， 但小弟还是是小小分享一下好了 XD 第一个是关於 getElementsByTagName 这个函式，传回的其实是参照， 小弟用以下 code 来测试： <div id="block"> <p>a</p> </div> <script language="javascript"> var pSet = document.getElementById ('block').getElementsByTagName ('p'); alert (pSet.length); anotherP = document.createElement ('p'); anotherP.innerHTML = 'b'; document.getElementById ('block').appendChild (anotherP); alert (pSet.length); </script> 这段 code 在 IE6 / MF 2 上面跑，第一次 alert 是 1 ，第二次是 2， 所以结论是： 当 DOM 被异动的时候， 如果不是它会主动通知每个曾经来询问过的资料体要加上新的东西， 那就是这个 pSet 其实只是 getElementsByTagName 的函式参照， 每当我们使用它的时候，他都会重新回去执行一次。 小弟以前有遇到类似的情况，用取回的集合（像 pSet）做 for 的 removeChild， 而当 pSet 的内容因为 removeChild 而减少的时候， 很直觉以为是因为 node 从 pSet 中被移除了。 （以前脑袋没有意识到，如果 pSet 取得的是 p 本身，即使从 DOM 中被移掉， 也应该还在记忆体内，还可以被 pSet Array 所连结到才对） 第二个状况是 IE 6 的 bug，使用 createElement ('input') 所造出的 input， 在塞进 DOM 後会无法给予 name 属性，无论怎麽设都一样， MSDN http://msdn.microsoft.com/zh-tw/library/ms536389(en-us,VS.85).aspx 有提到改用 document.createElement("<INPUT TYPE='RADIO' " + "NAME='RADIOTEST' VALUE='First Choice'>"); 的方式来做，但很明显的，这种诡异语法在 MF 或其他正常的浏览器上都无法运作， 而浏览器判别又有点烦，所以後来我改用 spanInput = document.createElement ('span'); spanInput.innerHTML = "<INPUT TYPE='RADIO' " + "NAME='RADIOTEST' VALUE='First Choice'>"; 藉由这个方式来规避 IE 6 的 createElement bug （因为还是想要操作节点，节点 - spanInput 可以塞进 Array 再利用） 以上，如果有什麽地方观念有误的，还请前辈不吝指点。 orz --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 118.160.164.240 ※ 编辑: gpmm 来自: 118.160.164.240 (06/21 01:34)