網站首頁 美容 美體 服飾 情感 娛樂 生活
當前位置:哇咔範 > 生活 > 經驗

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

Tags:元素 js