📄 添加删除段落.html
字号:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<title>JavaScript Book--代码6-19</title>
<script>
var all;
function addParagraph(){
all = document.getElementById("paragraphs").childNodes;
var newElement = document.createElement("P");
var seq = all.length+ 1;
//创建新属性
var newAttr1 = document.createAttribute("id");
newAttr1.nodeValue= "p" + seq;
newElement.setAttributeNode(newAttr1);
var txtNode = document.createTextNode("段落"+ seq);
//添加节点
newElement.appendChild(txtNode);
document.getElementById("paragraphs").appendChild(newElement);
}
function deleteParagraph(){
all = document.getElementById("paragraphs").childNodes;
var delElement = all[all.length-1];
document.getElementById("paragraphs").removeChild(delElement);
}
</script>
<style> p { text-align:center; background-color:#e6e6e6 } div {text-align:center;}
</style>
</head>
<body>
<div>
<input type="button" value="添加段落" onclick="addParagraph()">
<input type="button" value="删除段落" onclick="deleteParagraph()">
</div>
<div id="paragraphs">
<p id="p1">段落1
</p>
<p id="p2">段落2
</p>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -