您的位置：首页 > 其它

小练习

2016-07-12 08:53 183 查看

<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title></title>
<style
type="text/css">
.aaa{
width:
100px;
height:
100px;
background-color: red;
border:
1px solid black;
}
</style>
</head>
<body>
<div
id="div1"
class = "aaa">
1div
</div>
<input
type="button"
id="btn" value="添加"
onclick="Add()"/>
<input
type="button"
id="btn2" value="删除"
onclick = "Remove()"/>
<script
type="text/javascript">
// 如何创建一个新的div元素，设置其属性为class="aaa"，并且添加到文档的body最后

function
Add(){
var
div2 = document.createElement("div");
div2.setAttribute("class","aaa");
document.body.appendChild(div2);

}
// 删除最后一个元素节点
function
Remove(){
var
oNode = document.body.lastElementChild;
document.body.removeChild(oNode);
}

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 节点操作

相关文章推荐

新的分享

章节导航