2013-05-01 26 views
8

Ngay bây giờ Facebook muốn tôi ném div xấu xí này ở đầu trang của tôi trực thuộc <body>Nối yếu tố để đầu cơ trong jQuery

<div id="fb-root"></div> 

Tôi muốn tránh điều này bằng cách thay vào đó, phụ thêm nó qua JavaScript .

.append('<div id="fb-root"></div>'); 

Vị trí này ở cuối trang.

</head> 
<body> 
    <header>test</header> 
    <div id="fb-root"></div> 
</body> 

Làm cách nào để 'thêm' nó lên đầu?

</head> 
<body> 
    <div id="fb-root"></div> 
    <header>test</header> 
</body> 
+0

thể trùng lặp của [javascript: làm thế nào để thêm div trong "khởi điểm" của người khác div] (http: // stackoverflow.com/questions/15110484/javascript-how-to-append-div-in-begining-of-another-div) –

+0

Tôi tò mò - tại sao bạn muốn làm điều này thông qua JavaScript? Phần tử sẽ kết thúc bằng DOM/đánh dấu theo cách của bạn. – jamauss

+0

@jamauss, tôi ổn với nó kết thúc trong DOM của tôi để thao tác thêm; nhưng tôi không đồng ý với nó ở phía trước thẻ 'header' của tôi. Tôi tin tưởng mạnh mẽ vào việc tuân thủ các tiêu chuẩn cấu trúc của W3C. –

Trả lời

21

Sử dụng prepend phương pháp:

$('body').prepend('<div id="fb-root"></div>'); 
+0

tính năng thêm không được hỗ trợ bởi IE hoặc Edge. – Longblog

1

Bạn có thể sử dụng

$('#fb-root').detach().insertBefore('body>*:first'); 
Các vấn đề liên quan