HTML5怎么动态添加元素

用js 参考一下这个代码

<script>

window.onload=function () {

var Odiv=document.createElement("div")//创建一个div

var Ospan=document.createElement("span") //创建一个span

Odiv.style.cssText="width:200pxheight:200pxbackground:#636363

text-align:centerline-height:220px" //创建div的css样式

//Odiv.id="box" //创建div的id为box

//Odiv.className="Box" //div的class为Box

Odiv.appendChild(Ospan) //在div内创建一个span

document.body.appendChild(Odiv) //在body内创建一个div

}

</script>

有两种方式

1、在head标签之间添加style标签

2、直接在HTML代码里添加style属性，然后在属性里定义css代码

3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果

<link href="css文件路径" rel="stylesheet"> <!--这样就可以了，尽量代码简洁-->

4、下面是我的HTML代码

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#div2').height($('#div1').height())。

3、浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

---