jQuery动态生成html元素

html-css017

jQuery动态生成html元素,第1张

1.使用jQuery动态创建元素追加到jQuery对象上。

2.先把内容放到数组中,然后遍历数组拼接成html。

3.使用模版生成html

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

用innerHTML写入html代码:

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

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

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

说明:

innerHTML:向对象插入内容。