setAttribute 的相容性問題解決

2021-10-13 23:19:53 字數 952 閱讀 1652

class和classname相容方法:

object.setattribute(「class」,「content」)

在ie8、chrome、火狐、opera10中都能設定成功;但是在ie7下無法設定。

object.setattribute(「classname」,「content」)

只有ie7能設定成功,但是其他瀏覽器均無法設定。

相容方法:

使用 object.classname=「content」

style和csstext相容方法:

object.setattribute(「style」,「position:absolute;left:10px;top:10px;」)

在ie8、chrome、火狐、opera10中都能設定成功;但是在ie7下無法設定。

object.setattribute(「csstext」,「position:absolute;left:10px;top:10px;」)

此設定方法,所有瀏覽器均不支援。

相容方法:

使用 object.style.csstext=「position:absolute;left:10px;top:10px;」

或者單獨 object.style.各個屬性 ,逐一進行設定。

firefox和ie的js相容性:設定元素style熟悉

在ie下setattribute設定元素的物件、集合和事件屬性都只當成普通屬性,起不到原有的作用,但可以直接進行賦值操作,如下:

var csstext = 」font-weight:bold;color:red;」

//下面寫法用於firefox型別瀏覽器

element.setattribute(「style」,csstext);

//下面寫法用於ie型別瀏覽器

element.style.csstext = csstext;

js中setAttribute 的相容性

object.setattribute class content 在ie8 chrome 火狐 opera10中都能設定成功 但是在ie7下無法設定。object.setattribute classname content 只有ie7能設定成功,但是其他瀏覽器均無法設定。相容方法 使用 obje...

setAttribute與nodeValue的區別

今天學習到了這兩個方法。但他們的用法還有一點不太熟悉,回頭看突然覺得好像有點像,都是獲取到了屬性之後進行更改,但其中的區別我不太清楚。希望各位能給出意見 是不是setattribute必須搭配getattribute用呢?setattributevar boss document.getelemen...

setAttribute在設定屬性 ieBug

setattribute在設定屬性時,有許多屬性在ie下與標準瀏覽器的命名是不一樣的,看一下jquery,發現它也是不全的。許多地雷埋在這裡,總有乙個你遲早會中的。下面是乙個詳盡的參照表 左邊為標準遊覽器的,右邊是ie的。iefix acceptcharset accesskey allowtran...