<script type="text/javascript">
var lis=document.getElementsByClassName("bd");
var as=lis[0].getElementsByTagName("a");
for(var i=0,len=as.length;i<len;i++)
{
switch(as[i].getAttribute("data-type"))
{
case 'add':
as[i].onclick=function()
{
add();
}
break;
case 'mod':
as[i].onclick=function()
{
mod();
}
}
}
lis=null;
as=null;
function add(){
var div=document.getElementById("container");
var html="- 标 题:
- 关键词:
- 描 述:
- 内 容:
"
;
//最好是这样一次性写完ul内的内容,也可以用创建元素的方法,不过要一次性赋值给html,然后一次性给innerHTML
//不要循环赋值给innerHTML,如果内容量较大会引起内在不足或是泄漏问题,造成浏览器崩溃
div.innerHTML=html;
div=null;
}
function mod(){
var div=document.getElementById("container");
var html="- 标 题:
- 关键词:
- 描 述:
- 内 容:
"
;
//最好是这样一次性写完ul内的内容,也可以用创建元素的方法,不过要一次性赋值给html,然后一次性给innerHTML
//不要循环赋值给innerHTML,如果内容量较大会引起内在不足或是泄漏问题,造成浏览器崩溃
div.innerHTML=html;
div=null;
}
</script>
//html部分
//
最后输出样式
