如何使用js动态生成html代码

所谓动态生成html代码就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态生成是一种很常见常用的方法。

用innerHTML写入html代码：

<div id="zd"></div>

‘即为向id为zd的标签写入内容

<script>document.getElementById("zd").innerHTML="这里即为要写入的代码"</script>

说明：

innerHTML：向对象插入内容。

HTML代码 是超文本标记语言文本，可以用文本编辑器制作HTML代码 ，这里以记事本为例。

1、右击电脑桌面任意空白区域，在展开的菜单中点击“新建”按钮，然后点击“文本文件”按钮：

2、打开新建的文本文件，在里面输入一些HTML基础的代码，然后同时按住键盘上的“Ctrl”键+“S”键将文件保存：

3、用鼠标将文件选中，按下键盘上的“F2”键，然后将文件格式从“txt”改成“html”，这时一个简单的HTML代码就制作好了：

---