<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>删除添加后的节点</title>
<script type="text/javascript">
window.onload = initAll;
function initAll()
{
document.getElementsByTagName("form")[0].onsubmit = function()
{
return addNode();
}
}
function addNode(){
var inText = document.getElementById("textArea").value;
var newText = document.createTextNode(inText);
var newGraf = document.createElement("p")
newGraf.appendChild(newText);
var docbody = document.getElementsByTagName("body")[0];
docbody.appendChild(newGraf);
return false;
}
function deNode()
{
var allGrafs = document.getElementsByTagName("p");
if(allGrafs.length>1)
{
var lastGraf = allGrafs.item(allGrafs.length-1);
var docBody = document.getElementsByTagName("body")[0];
docBody.removeChild(lastGraf);
}
else
{
alert("还没有元素加入");
}
}
</script>
</head>
<body>
<form action="#">
<p><textarea id="textArea" rows="5" cols="30"></textarea></p>
<input type="submit" value="在页面上添加文本"/>
</form>
<a id="deteleNode" href="javascript:deNode()">删除最后一个段落</a>
</body>
</html>
javaScripte删除节点
最新推荐文章于 2024-06-19 20:33:36 发布