小练习

来源:互联网 发布:流星网络电视破解补丁 编辑:程序博客网 时间:2024/05/04 12:18

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

.aaa{

width:100px;

height:100px;

background-color: red;

border:1px solid black;

}

</style>

</head>

<body>

<divid="div1" class = "aaa">

1div

</div>

<inputtype="button"  id="btn" value="添加"onclick="Add()"/>

<inputtype="button"  id="btn2" value="删除"onclick = "Remove()"/>

<scripttype="text/javascript">

// 如何创建一个新的div元素,设置其属性为class="aaa",并且添加到文档的body最后

functionAdd(){

vardiv2 = document.createElement("div");

div2.setAttribute("class","aaa");

document.body.appendChild(div2);

}

// 删除最后一个元素节点

functionRemove(){

varoNode = document.body.lastElementChild;

document.body.removeChild(oNode);

}

</script>

</body>

</html>

0 0
原创粉丝点击