JavaScript - 刚刚从文档末尾移动元素

时间:2011-01-27 08:23:56

标签: javascript html

  

可能重复:
  Position an element from the end of the document at the top of the page

您好

  <div id="debug">
   blabla
  </div>
</body>

如何在<body>之后仅使用javascript移动文档开头之后的#debug div?

3 个答案:

答案 0 :(得分:4)

试试这个:

var elem = document.getElementById('debug');
var body = document.body;
body.insertBefore(elem, body.firstChild);

演示:http://jsfiddle.net/ThiefMaster/BuAau/

如果你有jQuery可用:

$('#debug').prependTo('body');

演示:http://jsfiddle.net/ThiefMaster/BuAau/1/

答案 1 :(得分:1)

Javascript还是jQuery?在jQuery中使用:

$('body').append($('#debug'));

答案 2 :(得分:1)

var element = document.getElementById('debug');
document.body.insertBefore(element, document.body.firstChild);