有好几种方式哈
html代码如下:
<div id="box"><div id="inbox">ddddddddddddddddd</div>
</div>
<input type="button" id="remove" value="删除DIV" />
第一种:直接jquery的remove:
下载个jQuery的文件,然后引入jQuery文件:
<script type="text/javascript" src="xxxx.jquery.js"></script><script type="text/javascript">
$("#remove").click(function(){
$("#inbox").remove()
//或者
$("box").remove("#inbox")
})
</script>
第二种:用JS的innerHTML
<script type="text/javascript">function g(id) {
return document.getElementById(id)
}
g("remove").onclick = functioin(){
g("box").innerHTML = ''
}
</script>
第三种:用JS的outerHTML
<script type="text/javascript">function g(id) {
return document.getElementById(id)
}
g("remove").onclick = functioin(){
g("inbox").outerHTML = ''
}
</script>
第四种:用JS的removeChild
<script type="text/javascript">function g(id) {
return document.getElementById(id)
}
g("remove").onclick = functioin(){
g("box").removeChild(g("inbox"))
}
</script>
其他还有,就不列举了
问题分析:
1、删除:使用jQuery的remove方法。
2、添加:使用jQuery的append、after等多个方法,这些不同的方法是用来决定标签添加的相对位置。
举例如下:
以内部追加方法append为例。
添加DIV:
$('body').append('<div id="name">我是被添加的DIV标签</div>')删除刚刚添加的DIV:
$('#name').remove()欢迎分享,转载请注明来源:内存溢出
评论列表(0条)