js中setAttribute 的相容性

2021-06-17 22:28:44 字數 917 閱讀 6854

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;

setAttribute與nodeValue的區別

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

setAttribute在設定屬性 ieBug

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

IE瀏覽器存在的setAttribute bug

ie的setattribute中與標準瀏覽器的有許多不同,主要表現在ie對setattribute的功能上有些限制,就是不能用setattribute來設定class style於onclick等事件的值以及設定name屬性,那這樣就會導致setattribute在ie瀏覽器裡失去很多的用途!而在i...