JavaScript的获得父元素，写兄弟姐妹架格(JavaScript get parent ele

我有以下结构：

<div class="parent">
  <div id="child1">Content here</div>
  <div class="child2">Content here</div>
</div>

在onload事件，我想包括“持有人”格，保存所有父母的孩子，像这样：

<div class="parent">
  <div id="holder">
    <div id="child1">Content here</div>
    <div class="child2">Content here</div>
  </div>
</div>

只知道“child1”的ID，我如何添加一个支架DIV本身和周围的兄弟姐妹？

注意事项

• 所述“child1” ID是唯一已知的标识符。
• 类“父”和“的child2”是动态的名称和会发生变化，所以不能用作标识符。
• 需要是香草的JavaScript。

思考？

Answer 1:

见此，因为这必须是JavaScript的（而不是jQuery的），你只能通过indentify ID的child1你可以做一些粗就象这样：

var child1 = document.getElementById("child1"),
    parent = child1.parentNode,
    contents = parent.innerHTML ;
    parent.innerHTML = '<div id="holder">' + contents + '</div>';

希望这可以帮助...

Answer 2:

他说没有jQuery的，这听起来像一个家庭作业，但是：

var el = document.getElementById('child1');
var parent = el.parentNode;
parent.innerHTML = '<div id="holder">' + parent.innerHTML + '</div>';

文章来源: JavaScript get parent element and write holder div for siblings