在javascript中，我动态创建一个个标签，但是不知道怎么将它们一个个删除掉

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload=function(){
document.getElementById("b1").onclick=function(){
//创建一个p标签
var p1=document.createElement("p");

var text=document.createTextNode("你好，我是你的新标签");
p1.appendChild(text);
document.getElementById("div").appendChild(p1);

}//删除标签
document.getElementById("b2").onclick=function(){
var d=document.getElementById("div");
var p1=document.getElement(p1);
d.removeChild(p1);
}

}
</script>
</head>
<body>
<h2>动态创建新标签</h2>
<div id="div"></div>
<input type="button" id="b1" value="创建"/>
<input type="button" id="b2" value="删除"/>
</body>
</html>

举报该问题

推荐答案 2014-10-03

亲，改一成这样就可以了

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload=function(){
document.getElementById("b1").onclick=function(){
//创建一个p标签
var p1=document.createElement("p");

var text=document.createTextNode("你好，我是你的新标签");
p1.appendChild(text);
document.getElementById("div").appendChild(p1);

}//删除标签
document.getElementById("b2").onclick=function(){
var d=document.getElementById("div");
//选择所有的p
var p1=d.getElementsByTagName('p');
//如果有p,则从头到尾依次删除(点击一下删除最顶端的那个，知道删完)
if(p1.length>0)
{
d.removeChild(p1[0]);
}

}

}
</script>
</head>
<body>
<h2>动态创建新标签</h2>
<div id="div"></div>
<input type="button" id="b1" value="创建"/>
<input type="button" id="b2" value="删除"/>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/Uxv22nspvUix9vn2vDx.html

其他回答

第1个回答 2014-10-03

var p1=document.getElement(p1); 这句取不到元素的；改成 var p1=document.getElementsByTagName('p')[0];追问

谢谢你，因为只能采纳一个答案，所以我只采纳第一位啦！不好意思！不过还是谢谢你的帮忙！

相似回答

jquery 点击事件点击元素添加和移除class答：可以使用：$("#but").removeAttr("class");和$("#but").attr("class","but_test");来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。运行...

javascript动态创建script标签判断是否加载完毕!答：这个可以参考tangram里的callByBrowser方法，这个方法就是动态添加一个script标签，加载完后删除这个标签用的地址 http://tangram.baidu.com/api#baidu.sio%28%29.callByBrowser%28%29 这是其中一部分代码，你自己修改下就行了 var scr = document.createElement("SCRIPT"),scriptLoaded = 0,options ...

现在有一个ul,ul中有若干个li,li中又有一个a标签,如何用jquery写单击...答：("a").click(function(){ $(this).parent().remove();});这是个简单的例子，你可以参考一下

.../中间的这段解释下,还有求个删除html中所有标签的正则,答：方括号里列出的就是可以匹配的字符，像[<>]就匹配左尖括号或右尖括号。也可以在中括号中指定一个字符范围，像[0-9]代表0到9中的任意一个数。还有一个必须提到的就是“^”，该字符在中括号内首位出现时表示对这个字符集取反，比如[^<>]就表示匹配一个尖括号以外的任意字符。希望我说明白了。

我在HTML中写了一个标签 ,怎麼把数据库的数据动态动态生成到标签里面...答：没必要你自己循环啊，普通的Repeater控件就行了，把和放头尾，li放item里，给repeater绑定数据源就行了。

jsp里面,弹出一个新的窗口怎么做?答：1、你可以用一个div作为弹出窗口；2、将你的这个div装饰成一个窗口，很简单；3、在这个div中，你可以写一些文本输入框，form表单或者其他标签都可以；4、你在用绝对定位将这个div移到你要的未知。1、你可以在这个div后面添加一个div，这个div的高度和宽度和浏览器的一样，都是100%。2、讲这个div的...

大家正在搜

html中script标签怎么用 jsp中script标签 javascript标签有哪些 javascript给标签赋值 javascript动态加载 javascript做动态表格 javascript有什么用 JavaScript动态数组 javascript