js操作標籤屬性，IE與Firefox有區別

2021-06-19 12:18:52 字數 2426 閱讀 5289

ie和firefox當中，js操作會有不同，我們了解這些可以適當解決瀏覽器相容性的問題。

1、js操作div的style屬性

div測試區域

2、建立乙個element

通用的寫法為createelement("div")

ie中也可以這樣寫

createelement("");
但firefox不認

3、給element.style.width賦值必須寫成24px，只寫數字24的話，firefox會不認，ie裡都可以

4、在使用element，並給其繫結了onclick、onmouseover、onmousedown、onmouseout等事件

element.onclick = function() ;


不可以在上級中使用innerhtml操作，這樣會使事件無效。


5、動態新增css**


ie： 複製內容到剪貼簿




cssstr = "p a ";


var style = win.document.createstylesheet();


style.csstext = cssstr;
firefox： 複製內容到剪貼簿

cssstr = "p  a ";


var style = win.document.createelement("style");


style.type = "text/css";


style.innerhtml = cssstr;
6、table在後面新增加行或列，

通用寫法insertrow(-1),insertcell(-1)

ie中insertrow(),insertcell()這樣寫也可以，firefox不認

7、警告對話方塊alert()，

ie中書寫時無引數則預設引數為空字串，

firefox中則必須輸入引數，傳空引數則要寫成alert("");

8、ie中的width、height與firefox中概念不同，

ie中width=firefox中的width+2*borderwidth+2*padding

9、獲得事件和事件源

ie：事件：window.event

事件源：window.event.srcelement

firefox：

事件：arguments.callee.caller.arguments[0]

事件源：arguments.callee.caller.arguments[0].target

10、在選中區域貼上html

ie： 複製內容到剪貼簿 

var r = window.document.selection.createrange();


range.pastehtml("html**");
firefox： 複製內容到剪貼簿 

var r = window.getselection().getrangeat(0);


var ofragment = r.createcontextualfragment(「html**」);


r.deletecontents();


r.insertnode(ofragment);
11、document.getelementbyid方法在firefox與ie中的區別

如下,有一name="txtversion"的text控制項：
根據上面資訊，我們要用js獲得其控制項中的值，我們這樣寫：

var strversion= document.getelementbyid("txtversion").value;

上面的寫法沒錯，在以ie為核心的瀏覽器中是正確的，但是firefox對此要求的很嚴格，上面**不能通過。在firefox中，用document.getelementbyid方法，一定要為控制項加上id=「txtversion」屬性，如下：
12、js獲取日期屬性

在firefox或者chrome下，以下js怎麼獲得的年分是111，而不是2011。

var date=new date();


//只在ie下正確


var year=date.getyear();
要用getfullyear()

//ie、firefox都正確


var year=date.getfullyear(); 


alert(year);

jQuery操作標籤屬性

標籤屬性 標準屬性 標籤本身就支援的屬性或定義好的屬性 class,id,name,value div.getattribute class div.setattribute 屬性名 值 自定義屬性 以 data 開始的自定義屬性 div.dataset.myage div.dataset.mywe...

js操作屬性

dom是為了操作文件 網頁 的api，document是它的乙個物件 整個文件載入完之後執行乙個匿名函式 window.onload 修改下面div中的title元素 window.onload function 呼叫document.getelementbyid 括號裡新增要修改的id 這是乙個d...

js 操作屬性

下次複製直接進行輸出操作即可，兩種都試一下 第一種操作屬性的方法 q.value abcdefg 第二種操作屬性的方法 q name abcdefg html操作 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title ti...