js如何在元素前新增元素 如何新增新的元素

來源:時尚少女範 1.62W
js如何在元素前新增元素 如何新增新的元素

1、建立html頁面

2、執行頁面

3、原生JS方式,詳細程式碼與註釋

4、原生JS方式,執行效果

5、Jquery方式,詳細程式碼

6、Jquery方式,執行效果

方法/步驟

js如何在元素前新增元素 如何新增新的元素 第2張
1

建立html頁面 1)開啟記事本,輸入如下截圖所示的html程式碼2)將檔案儲存為html結尾的檔案,例如

2

執行頁面 1)上一步儲存完成後,雙擊檔案即可使用預設瀏覽器執行頁面2)如果想使用指定瀏覽器執行,右鍵檔案,選擇【開啟方式】-> 挑選任一已經安裝的瀏覽器即可

3

原生JS方式,詳細程式碼與註釋 主要使用的js方法: 父元素rtBefore(新元素, 目標元素)

4

原生JS方式,執行效果如下 Jquery方式,必須要引入jquery檔案才能使用,此處將jquery下載下來放到Content資料夾中,新的目錄結構如下-- Content-- --

5

Jquery方式,詳細程式碼與相關注釋見截圖 主要使用的jquery方法:before(html文字內容即可)

6

Jquery方式,執行效果如下 JS JQUERY

熱門標籤