调用document的createElement方法,来创建具有指定标签的DOM对象,然后通过调用某个元素的appendChild();方法将创建元素添加到相应的元素下。
例如:下面代码,动态添加一个div。
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function () {
document.getElementById('Button1').onclick = function () {
var dvObj = document.createElement('div');
dvObj.style.backgroundColor = "blue";
dvObj.style.width = '200px';
dvObj.style.height = '200px';
document.body.appendChild(dvObj);
};
};
</script>
</head>
<body>
<input id="Button1" type="button" value="button" />
</body>