如何將節點元素移動為其父元素中的第一個元素

Question

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='parent'> <div>B</div> <div>C</div> <div onload='this.parentNode.prependChild();'>A</div> </div> 

我嘗試使用內聯腳本將<div>A</div>移至所有子元素的頂部，但不適用於prependChild() ，這是什么錯誤？

Answer 1

您只能將onload事件處理程序附加到body元素。 但是，將最后一個孩子移到其父母中的第一個孩子是很簡單的：

 $('#parent').prepend($('#parent > div:last-child')) 

 down vote favorite <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='parent'> <div>B</div> <div>C</div> <div>A</div> </div> 

Answer 2

您可以在頭部添加javascript，並在其上方添加window.onload。 下面將把元素放在您的父div中的第一位。 這是香草javascript。 即使使用jQuery也可以使用...您的選擇！

 window.onload = function() { var parent = document.getElementById("parent"); var elem = document.getElementById("thisone"); parent.prepend(elem); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='parent'> <div>B</div> <div>C</div> <div id="thisone">A</div> </div>