在JS中插入同级节点

8 浏览
0 Comments

在JS中插入同级节点

我有一个包含一些预格式标签的div,就像这样:

    
1
2
3

现在我想使用Javascript在1和2之间插入一个新的pre节点。我一直尝试这样做(因为我了解DOM是一个双向链接树),但我觉得也许指针在我处理它时是不可编辑的。

(只是事件处理程序中的一个片段,e是事件)

var tag = e.srcElement;
    if(tag.nextSibling){
        var next = tag.nextSibling;
        var newPre = document.createElement('pre');
        newPre.setAttribute("contentEditable", "true");
        newPre.innerHTML = "boom";
        tag.nextSibling = newPre;
        newPre.nextSibling = next;
    }

最后两行是我从C++经验中得出的,但在JS中感觉很糟糕。如何设置一个新的兄弟节点?

0