javascript如何實現div中內容替換

在js中，可以使用innerHTML屬性來替換div的內容。下面小編舉例講解javascript如何實現div中內容替換。

東西/原料

1
新建一個html文件，定名為test.html，用于講解javascript若何實現div中內容替代。
2
在test.html文件內，利用div建立一行文字，用于測試。
3
在test.html文件內，給div標簽添加一個id屬性，用于下面在js中獲得div對象。
4
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行replaceDiv()函數。
5
在js標簽中，建立replaceDiv()函數，在函數內，經由過程id獲得div對象，把替代的內容經由過程innerHTML賦值給div對象，從而實現替代div的內容。
6
在瀏覽器打開test.html文件，點擊按鈕，查看實現的結果。
END