用js輸出html到網頁中,如何實現

html+js

代碼編纂器：Dreamweaver CS5

方式/步調

1
新建一個html文件，定名為test.html，用于講解用js若何實現輸出html到網頁中。
2
在test.html文件內，利用div標簽建立顯示html的區域，并設置div標簽的id為mydiv,本家兒要用于下面經由過程該id獲得div對象。
3
在test.html文件內，利用button標簽建立一個按鈕，給button按鈕綁心猿意馬onclick點擊事務，當按鈕被點擊時，執行myfun()函數。
4
在test.html文件內，在js標簽內，建立myfun()函數，在函數內，初始化一個html變量，用于保留html內容。
5
在myfun()函數內，經由過程for輪回實現多個p標簽毗連當作一段html。
6
在myfun()函數內，利用getElementById（）方式經由過程id獲得div對象，將上一步的html內容經由過程innerHTML屬性插入至div中，從而實現html輸出在網頁中。
7
在瀏覽器打開test.html文件，點擊按鈕，查看實現的結果。