Javascript 页面加载时是否删除父div？

我的HTML格式如下：

<div id="parent">
 <ul class="list">something here....</ul>
</div>

这里有些东西……

当页面加载时，我希望kill div具有id=“parent”。这意味着在完成装载后，我只有：

<ul class="list">something here....</ul>

这里有些东西……

---

Javascript或Jquery如何做到这一点？感谢您的帮助。

请尝试此著名代码以完全删除div:

document.addEventListener('DOMContentLoaded',function(){
    var element = document.getElementById("parent");
    element.parentNode.removeChild(element);
},false);

要仅删除父div，请使用jQuery的展开：

$(function() {
    $("ul.list").unwrap();
});

或者在纯javascript中：

  function unwrap() {
            var a = document.getElementById('element-to-be-unwrapped');
            newelement = a.firstElementChild.cloneNode();
            document.body.insertBefore(newelement, a);
            a.parentNode.removeChild(a);
  }

---

在jQuery中，以下是代码：

var ul_holder = $('#parent').html();
$('#parent').remove();
$(document).append(ul_holder);

您可以用任何其他元素替换$（文档）

您可以尝试：

$(function() {
    $("ul.list").unwrap();
});

.

使用函数

  if (  $(".list").parent('#parent').is( "div" ) ) {
     $(".list").unwrap();
  }

你可以用

或者你可以用

---

如果你想在页面加载时杀死div，为什么首先要使用它呢？更聪明的方法是：即使在页面加载时也不要放置父div

parent div:）这是我的“绝对”属性和响应性设计的问题。它与许多组件冲突，因此我的解决方案是删除它。谢谢你的提问。谢谢所有热情的回答。是的，但它也会删除div的内容。也许这就是我要找的。我会用你的方法做的。非常感谢。
$(function() {
    $("ul.list").closest('#parent').remove();
});

$(function() {
    $("ul.list").unwrap();
});