Question

我正在尝试添加如下所示的div

        <div id="topheader" class="topheader">
            <ul>
                <li>
                    <a href="#" title="Library">Library</a>
                </li>
                <li>
                    <a href="#" title="My Uni">My Uni</a>
                </li>
                <li>
                    <a href="#" title="Staff Intranet">Staff Intranet</a>
                </li>
            </ul>
        </div>

介于两个其他div之间

<div id="w3"> 
.... new div to be here ...
<div id="head">

我需要使用javascript或motools而不是jquery来完成这项工作。

Answer 1

您可以使用inject

执行此操作

var headEle = document.id('head');

new Element('div', {
    "class": 'topheader',
    "id": 'topheader',
    html: '<ul><li><a href="#" title="Library">Library</a></li><li><a href="#" title="My Uni">My Uni</a></li><li><a href="#" title="Staff Intranet">Staff Intranet</a></li></ul>'
}).inject(headEle, 'before');

这是一个有效的JS FIDDLE

Answer 2

var div_before = document.getElementById("w3");
var new_div = document.getElementById("topheader");
div_before.parentNode.insertBefore(new_div, div_before.nextSibling);

jsfiddle DEMO

如何仅使用javascript在两个其他div之间添加div内容块？

2 个答案: