Question

我的网站有一个由Atlassian Confluence提供支持的文档部分。在我的文档的页脚中，Atlassian提供了一些信息，如图所示。

我要做的是在它上面添加一个句子。到目前为止，我只能将它添加到现有的ul下面。在汇合时，我只能通过在自定义HTML块中插入新代码来覆盖元素。

这是我在网络浏览器上检查页脚元素时从页脚获得的代码。

＆＃13;

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

＆＃13;

这是我插入自定义HTML块以在页脚上获取句子的代码。（如图所示）

＆＃13;

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

＆＃13;

如何更改此代码，使其插入现有的汇合句子上方？

Answer 1

如此处所述： https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

使用jQuery，在文档加载时，你可以动态地将一个元素移动到另一个元素

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

如何在我网站的页脚中的另一个现有ul元素之前插入ul元素

2 个答案: