用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文件，点击按钮，查看实现的结果。