動(dòng)態(tài)修改DOM 里面的 id 屬性的弊端分析
更新時(shí)間：2008年09月03日 00:16:53 作者：
我不知道是否有什么標(biāo)準(zhǔn)規(guī)定不允許修改id屬性，或者不建議修改id屬性，總之IE對(duì)此支持不佳。
在IE當(dāng)中，修改id屬性對(duì)將來的DOM操作沒什么不符合標(biāo)準(zhǔn)的影響，你仍然可以通過document.getElementById()找到該元素，然后在CSS支持上就有問題了，id修改后并不會(huì)自動(dòng)去重新匹配CSS規(guī)則，因此id修改后不會(huì)體現(xiàn)出應(yīng)有的樣式。
因此，進(jìn)行DOM編程時(shí)應(yīng)該避免修改id屬性，如果需要?jiǎng)討B(tài)改變匹配的CSS規(guī)則，就改變class屬性吧。我碰到這個(gè)問題時(shí)也就是嘗試通過修改id屬性修改唯一匹配某個(gè)CSS過濾器的元素，結(jié)果發(fā)現(xiàn)修改后在IE中完全沒有修改，之后改為用class屬性實(shí)現(xiàn)同樣的目的。
因此，進(jìn)行DOM編程時(shí)應(yīng)該避免修改id屬性，如果需要?jiǎng)討B(tài)改變匹配的CSS規(guī)則，就改變class屬性吧。我碰到這個(gè)問題時(shí)也就是嘗試通過修改id屬性修改唯一匹配某個(gè)CSS過濾器的元素，結(jié)果發(fā)現(xiàn)修改后在IE中完全沒有修改，之后改為用class屬性實(shí)現(xiàn)同樣的目的。
相關(guān)文章
JS對(duì)象轉(zhuǎn)換為Jquery對(duì)象示例
JS對(duì)象轉(zhuǎn)換為Jquery對(duì)象的方便在于可以使用jquery的一些方法，下面有個(gè)示例，大家可以參考下2014-01-01
bootstrap-wysiwyg結(jié)合ajax實(shí)現(xiàn)圖片上傳實(shí)時(shí)刷新功能
這篇文章主要為大家詳細(xì)介紹了bootstrap-wysiwyg結(jié)合ajax實(shí)現(xiàn)圖片上傳實(shí)時(shí)刷新功能，感興趣的小伙伴們可以參考一下2016-05-05
將json當(dāng)數(shù)據(jù)庫一樣操作的javascript lib
使用javascript操作JSON的類庫TAFFY DB，具體介紹了：查詢數(shù)據(jù)、添加數(shù)據(jù)、刪除數(shù)據(jù)、修改數(shù)據(jù)。2013-10-10
JavaScript垃圾回收機(jī)制(引用計(jì)數(shù),標(biāo)記清除,性能優(yōu)化)
這篇文章主要介紹了JavaScript垃圾回收機(jī)制(引用計(jì)數(shù),標(biāo)記清除,性能優(yōu)化),垃圾回收是JavaScript的隱藏機(jī)制，我們通常無需為垃圾回收勞心費(fèi)力，只需要專注功能的開發(fā)就好了2022-07-07
老司機(jī)們，你知道JSON.stringify還有第二個(gè)和第三個(gè)可選參數(shù)嗎？它們是什么呢？是不是感到不可思議？下面這篇文章就來給大家介紹了一些你可能不知道的JSON.stringify的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2017-08-08
十個(gè)免費(fèi)的web前端開發(fā)工具詳細(xì)整理
這篇文章主要介紹了十個(gè)免費(fèi)的web前端開發(fā)工具詳細(xì)整理的相關(guān)資料,希望通過本文大家能夠理解使用免費(fèi)web開發(fā)工具，需要的朋友可以參考下2017-09-09
escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法
這篇文章主要介紹了escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法,需要的朋友可以參考下2014-07-07
這篇文章主要為大家介紹了高性能JavaScript循環(huán)語句和條件語句，感興趣的小伙伴們可以參考一下2016-01-01
TypeScript中的interface與type實(shí)戰(zhàn)
這篇文章主要介紹了TypeScript中的interface與type詳解,它們都是用來定義類型的強(qiáng)大工具，在實(shí)際開發(fā)中，你可以根據(jù)具體情況選擇使用 interface 或 type，或者甚至將它們結(jié)合起來使用，需要的朋友可以參考下2023-06-06
js實(shí)現(xiàn)鼠標(biāo)滾輪控制圖片縮放效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)滾輪控制圖片縮放效果的方法,涉及onmousewheel事件及javascript操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02