JS 封裝inserAfter 方法

2021-10-05 13:09:59 字數 1012 閱讀 6215

在js中,系統提供了node.insertbefore(a, b)方法,在參考節點b之前插入乙個擁有指定父節點node的子節點a。

我們可以封裝乙個類似insertbefore()的函式 inertafter(a, b),實現在參考節點b之後插入乙個擁有指定父節點node的子節點a。

//在原型上進行封裝

element.prototype.

insertafter

=function

(targetnode, afternode)

else

}

eg:若html**如下所示

>

>

p>

>

b>

>

i>

div>

若要在後插入標籤,先獲取父節點和參考節點;然後建立子節點strong。

var div = document.

getelementsbytagname

('div')[

0];var b = doucment.

getelementsbytagname

('b')[

0];var strong = document.

createelement

('strong');

div.

insertafter

(strong, b)

; console.

log(div)

;

控制台輸出如下

>

>

p>

>

b>

>

strong

>

>

i>

div>

JS動畫封裝

簡單的運動函式 var demo1 document.getelementbyid demo1 demo1.onmouseover function demo1.onmouseout function var timer 全域性變數 function startmove target else 變速...

js封裝物件

封裝物件是js原生提供的功能 跟jquery無關 var car new object car.color red car.run function 以上是基本封裝方式 還有一種簡便方式 var car 這樣合基本方法一回事以下介紹用jquery擴充套件物件 function teop.public...

封裝JS外掛程式

jquery 根據json物件填充form表單 author en param fromid form表單id param jsondate json物件 上面的是樣式還是 的注釋 解釋。反正是自己封裝js 的第一步。封裝js的 就是為了方便使用,就比如可以封裝一些常用的 不用重複書寫多次。func...