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的問題吧...

##


Posted by emisjerry at 樂多Roodo! │15:40 │回應(0)引用(0)JavaScript
樂多分類:網路/3C 共同主題:Java/JavaScript 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/2971701