首頁 > 網際網路

用js如何給div新增name

2019-12-11 15:55:04

為html元素新增name屬性,我們一般都是在html程式碼裡直接新增的,但如果新增的屬性值需要通過一些邏輯判斷後再新增,那麼怎樣用js來新增呢?下面我們來看一下。

1

為了方便dom操作,我們可以使用jquery來操作,因此我們先引入jquery指令碼檔案。


2

然後在html裡,新增一個div,這個div有一個id屬性,但沒有name屬性。

再新增一個按鈕。


3

在按鈕事件函數裡,我們直接使用jquery方法,在元素裡呼叫attr方法來設定name屬性就行了。程式碼如圖。


4

執行頁面,我們點選一下按鈕,就可以呼叫js來為div新增name屬性了。


5

在點選按鈕前,我們先看下原始碼,可以看到現在的div是沒有name屬性的。


6

點選按鈕後,再看下原始碼,可以發現已經為div新增好了name屬性了。


7

如果有的朋友不想引入jquery外掛,我們可以用原生的js來操作。

先用getElementById方法獲取到dom元素,然後呼叫setAttribute方法來設定就行了。

程式碼如圖,


8

再次執行頁面,點選按鈕,也可以看到能正常新增上name屬性了。



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