如何在網站頁腳中的另一個現有ul元素之前插入ul元素

Question

我有一個網站，該網站的文檔部分由Atlassian Confluence提供支持。 在文檔的頁腳中，有Atlassian的一些信息，如圖所示。

我想做的是在其上方添加一個句子。 到目前為止，我只能將其添加到現有ul的下面。 融合后，我只能通過在自定義HTML塊中插入新代碼來覆蓋元素。

我的網站的頁腳

這是我在Web瀏覽器上檢查頁腳元素時從頁腳獲得的代碼。

 <section class="footer-body"> <ul id="poweredby">...</ul> </section> 

這是我要插入自定義HTML塊中的代碼，以使我的句子位於頁腳。 （如圖所示）

 <ul id="copyright"> <li class="noprint"> THIS INFORMATION SHOULD BE ABOVE </li> </ul> 

我如何更改此代碼，以便將其插入現有的合流語句上方？

Answer 1

如此處所述： https : //developer.mozilla.org/zh-CN/docs/Web/API/Node/insertBefore

 function move() { var copyright = document.querySelector('#copyright'); var target = document.querySelector('#poweredby'); target.parentNode.insertBefore(copyright, target); } window.setTimeout(move, 3000); 

 <section class="footer-body"> <ul id="poweredby"> <li> hello world</li> </ul> </section> <ul id="copyright"> <li class="noprint"> THIS INFORMATION SHOULD BE ABOVE </li> </ul> 

Answer 2

使用jQuery，在文檔加載時，您可以將一個元素動態地移動到另一個元素

$(document).ready(function() {
    $('#copyright').prependTo($('.footer-body'));
});