1、創建html頁面
2、運行頁面
3、原生JS方式,詳細代碼與註釋
4、原生JS方式,運行效果
5、Jquery方式,詳細代碼
6、Jquery方式,運行效果
方法/步驟
1創建html頁面 1)打開記事本,輸入如下截圖所示的html代碼2)將文件保存為html結尾的文件,例如
2運行頁面 1)上一步保存完成後,雙擊文件即可使用默認瀏覽器運行頁面2)如果想使用指定瀏覽器運行,右鍵文件,選擇【打開方式】-> 挑選任一已經安裝的瀏覽器即可
3原生JS方式,詳細代碼與註釋 主要使用的js方法: 父元素rtBefore(新元素, 目標元素)
4原生JS方式,運行效果如下 Jquery方式,必須要引入jquery文件才能使用,此處將jquery下載下來放到Content文件夾中,新的目錄結構如下-- Content-- --
5Jquery方式,詳細代碼與相關注釋見截圖 主要使用的jquery方法:before(html文本內容即可)
6Jquery方式,運行效果如下 JS JQUERY