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

我有一個網站，其中包含由Atlassian Confluence提供的文檔部分。在我的文檔的頁腳中，Atlassian提供了一些信息，如圖所示。我如何在我的網站頁腳中的另一個現有ul元素之前插入ul元素

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

這是我的代碼從頁腳得到，當我檢查我的網頁瀏覽器的頁腳元素。

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

，這是我插入自定義HTML塊得到的頁腳我一句的代碼。（如圖所示的圖片）

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

我怎樣才能改變這種代碼，以便它被插入現有的合流上面的句子？

來源

2017-06-19 JP Garza

我喜歡@Hitmands的答案，但如果你想動態地創建元素，你可以這樣做https://codepen.io/anon/pen/awJLxb。不知道這是否有幫助。如果您願意，我可以提交答案。 –

如下記載： https://developer.mozilla.org/en-US/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>

來源

2017-06-19 16:08:42 Hitmands

-1

使用jQuery，在文件負載，可以dinamically一個元素移動到另一個

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

來源

2017-06-19 16:10:20 Truerick

這將最終插入節點作爲容器的第一個子節點，但是，他希望在'＃poweredby'之前＃ – Hitmands

在他的示例和圖片上，只有2個元素，因此prepend是有效的選擇 – Truerick

它不是' t，該片段僅顯示OP的相關部分，但您無法知道真實案例，並且您的解決方案很容易出錯。 – Hitmands

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

回答

相關問題