1、新建文件创建div和插入按钮
2、用js获取div和按钮并定义插入内容元素
3、创建插入内容方法
4、浏览网页点击效果
5、为插入内容设置样式
6、创建插入内容的另一个方法
7、为这个插入内容设置样式
8、附上代码
<body>
<div id="box1"></div>
<button id="btn">插入元素</button>
<style>
#id{color:#906;}
.class{background:#0F0;}
</style>
<script>
var box = document.getElementById("box1");
var btn = document.getElementById("btn");
/*var string = "<p style =' color:red;'>插入的元素内容";
btn.onclick = function(){
box.innerHTML = string;
}*/
btn.onclick = function(){
var obz = document.createElement("p");
obz.innerHTML = "插入的元素";
obz.id="id";
obz.className = "class";
box.appendChild(obz)
}
</script>
</body>
