2007年04月8日
IE和FireFox存取同名物件有不同的作法
在將 部 落格 加上動態放大與縮小字體大小的功能這篇文章裡敘述了放 大與縮小文章內容字體大小的功能按鈕,這個功能在FireFox裡運作得很正常,但IE則無法運作,今天終於找到問題: Xuite日誌在<head>區裡放了一個名為content的<INPUT>物件(<input type='Hidden' name='content'>),和放置文章內容的區域名稱(<div id='content'>) 衝突到了!我解決的方法是判斷瀏覽器,當使用IE時把要作用的控制項改成content的上一層mid,如此在IE裡也能正常運作了。接著寫了簡單的 script來驗證此問題之癥結。
| <input
type="hidden" name="TEXT1"
title="Hidden TEXT1"> <!-- First TEXT1
--> <div id="TEXT1" title="Div TEXT1"> <!-- Second TEXT1 --> document.getElementById difference between IE & FF </div> <script> var obj = document.getElementById('TEXT1'); document.write("obj title=" + obj.title); </script> |
以下的script在網頁上放了兩個名稱同為TEXT1的物件,當使用document.getElementById('TEXT1')取物件時,在 IE 6裡取到的是第一個,而FireFox則取到第二個。這個應該是IE的問題吧...
##
引用URL
http://cgi.blog.roodo.com/trackback/2971701
