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