如何在html里删除一个div？

例

HTML：

<div id="outside">

<div id="inside"></div>

</div>

删除id为inside的div

方法一：document.getElementById('inside').remove()

方法二：document.getElementById('outside').removeChild(document.getElementById('inside'))

主要是根据id来删除。

核心代码：

doc.getElementById("detail_question").remove()

实际例子如下：

从baseHtml这断代码中删除指定id的标签：

String baseHtml = "<div id='stylized' class='myform'>"

+ "<input id='txt_question' name='preg' type='text' disabled='disabled' style='width:150px'>"

+ "<div id='detail_question'>Rock</div></div>"

Document doc = Jsoup.parse(baseHtml)

doc.getElementById("detail_question").remove()

Elements elements = doc.select("div")

System.out.println(elements)

输出的结果中没有detail_question这个div节点了：

<div id='stylized' class='myform'>

+ "<input id='txt_question' name='preg' type='text' disabled='disabled' style='width:150px'>

1、使用Javascript实现删除，可以通过innerHTML。获取到div元素之后，将div的innerHTML赋值为空即可。

2、使用Jquery实现可以使用，empty方法。语法：$(selector).empty()。用法：empty() 方法从被选元素移除所有内容，包括所有文本和子节点。

示例代码：

$(".btn1").click(function(){

  $("p").empty()

})

---