私のウェブサイトのフッターの別の既存のul要素の前にul要素を挿入する方法

Question

Atlassian Confluenceが提供するドキュメントセクションを持つWebサイトがあります。私のドキュメンテーションのフッターには、Atlassianのいくつかの情報が写真に示されています。

私がしようとしているのは、その上に文章を追加することです。これまでのところ私は既存のULの下に追加することしかできませんでした。コンフルエンスでは、カスタムHTMLブロックに新しいコードを挿入するだけで要素をオーバーライドできます。

My website's footer

これは私が自分の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

ここに記載されているように：jQueryのを使用して 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>

Answer 2

、文書の負荷にあなたはdinamically別

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