小练习
来源:互联网 发布:流星网络电视破解补丁 编辑:程序博客网 时间: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
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- 小练习
- HDU2031(基础题)
- 我的大学大一生活-开学篇
- PAT银行业务简单模拟
- [Cloud Computing]Mechanisms: Geotag
- 右手定则
- 小练习
- MATLAB对于文本文件(txt)数据读取的技巧总结
- 节点操作小练习
- 实例讲解虚拟机3种网络模式(桥接、nat、Host-only)
- oracle中schema指的是什么?
- 解决MT7620不断循环uboot(LZMA ERROR 1 - must RESET board to recover)
- flask web开发
- python学习——面向对象编程
- DOM属性操作