首頁 > 其他

js 動態新增html如何系結事件

2019-12-12 19:58:44

在頁面開發時,我們有時會在頁面上使用js指令碼來建立html元素,但如果要為動態新增的html元素,新增事件,如何處理?js動態新增html,如何系結事件?我們來看一下。

1

我們使用jquery來系結事件,新增html元素,因此 先引入jquery指令碼檔案。


2

在html裡,我們這裡的c1的div裡只有一個div元素。


3

我們使用js指令碼,先定義一個html元素的字串。


4

然後使用jquery的append方法為c1這個div新增一個html元素。


5

因為新增的元素有一個id的,我們通過id來為這個元素系結事件,呼叫jquery的bind方法。


6

執行頁面,可以看到js裡新增的html元素了,就是這個div,我們點選一下這個div。


7

點選後,觸發了div的點選事件,表示我們成功動態系結了事件。



IT145.com E-mail:sddin#qq.com