在javascript之前,在链接之间添加元素

在javascript之前,在链接之间添加元素,javascript,html,Javascript,Html,我正在尝试使用textnode添加一个项目span。我做了一个面包屑,我需要这个结构 Home > About > Project 我做到了。但是不能使用JS:)在这些元素之间追加) 我需要在链接之间附加span元素。我怎么做到的?但他不应该是最后一个,只能是中间的 var mvalue=document.getElementById('abc').children; //console.log(mvalue); var para=document.createElement(“

我正在尝试使用
textnode
添加一个项目
span
。我做了一个面包屑,我需要这个结构

Home > About > Project
我做到了。但是不能使用
JS
:)在这些元素之间追加

我需要在链接之间附加span元素。我怎么做到的?但他不应该是最后一个,只能是中间的

var mvalue=document.getElementById('abc').children;
//console.log(mvalue);
var para=document.createElement(“span”);
var t=document.createTextNode(“>”);
第3(t)段;
mvalue.insertBefore(第1段,mvalue.children[1])

使用
document.queryselectoral()
获取所有
a
元素,但第一个元素除外,并使用
Node.insertBefore()
a
元素之前添加
span

document.querySelectorAll('abc>a:not(:first child)'
.forEach(el=>{
const para=document.createElement(“span”);
const t=document.createTextNode('>');
第3(t)段;
el.parentNode.insertBefore(第,el段);
})

使用
document.queryselectoral()
获取所有
a
元素,但第一个元素除外,并使用
Node.insertBefore()
a
元素之前添加
span

document.querySelectorAll('abc>a:not(:first child)'
.forEach(el=>{
const para=document.createElement(“span”);
const t=document.createTextNode('>');
第3(t)段;
el.parentNode.insertBefore(第,el段);
})


你可以通过css轻松做到这一点。a:not(:last child):在{content:“>”}
@vaku之后,对我来说这是不正确的。但是谢谢)你可以通过css轻松地做到这一点。a:not(:last child):在{content:“>”}@vaku之后,对我来说这是不正确的。(谢谢)