乙個頁面有相同ID元素的情況分析

2022-07-29 13:21:11 字數 486 閱讀 4874

經常會遇到乙個頁面中有相同定義相同id的情況,從道理上來說,id應該是這個頁面中某個元素的唯一標識,所以不應該出現有相同id的情況,否則會產生意想不到的結果。而且各個瀏覽器的表現也是不一樣的。我只做了ie6,chrome和firefox的測試。

**如下:

簡單的總結一下:

1、在測試過的所有瀏覽器下,採用情況一下的方式,也就是直接用id取值的話,瀏覽器只會返回id相同的第乙個元素的值。後面的值不會覆蓋前面的值。

2、採用情況二的方式,也就是不同範圍內的相同id取值,在ie6下返回的結果是第乙個能找到,但是第二個返回的是undefined,也就是說找不到值。但是在chrome和firefox下是可以分別取到兩個值的。這就是不同瀏覽器的區別。

綜上所述,在乙個頁面裡盡量的不要出現有相同id的元素。另外,當有相同id的元素時,如果要使用js/jquery的函式(innerhtml()、text()等)對id所在元素進行操作,js函式無法使用。

乙個頁面有相同ID元素的情況分析

經常會遇到乙個頁面中有相同定義相同id的情況,從道理上來說,id應該是這個頁面中某個元素的唯一標識,所以不應該出現有相同id的情況,否則會產生意想不到的結果。而且各個瀏覽器的表現也是不一樣的。我只做了ie6,chrome和firefox的測試。如下 簡單的總結一下 1 在測試過的所有瀏覽器下,採用情...

同乙個頁面有兩個相同id ,如何用id選擇器選中

1.寫在前面 同乙個頁面,正常情況下是不建議使用相同的id,如果有多個相同id,只會對第乙個id起作用。比如這個,用的是菜鳥教程上的編輯器 2.選中需要的特定id 可以用div包裹,給div設定乙個id,就想我上面截圖注釋的那個一樣。didi id intro eq 0 css background...

angular1 乙個頁面有彈窗

1 頁面regist.html有個彈窗 彈窗頁面batch.html 2 彈窗頁面的資料請求應該在regist.ctrl 也就是regist的控制器裡 3 如下regist.ctrl.js 彈窗裡面的方法和資料獲取應該都在主頁面裡面進行請求 1 顯示報案批次號詳情頁面 2 scope.batchde...