如何附加克隆节点的Href（纯JavaScript）

单击段落中的链接时，它们将被克隆并附加到链接容器中

我让一切都正常工作了，除了我希望附加到linkContainer的克隆链接显示实际的href文本（例如www.google.com）作为可点击标记

我希望linkContainer中显示的链接文本与href本身相同。因此，例如，如果您单击段落中的Google链接，它会将www.Google.com克隆并附加到链接容器（在标记内）作为链接文本（如www.Google.com）

我只能找到jQuery的答案。我尝试过使用setAttribute'href'，但我不确定这是否就是我需要的

var linkContainer=document.querySelector（'.linkContainer'）；
var links=document.querySelectorAll（'a'）；
对于（变量i=0；i节点
var href=this.cloneNode（true）；//应该克隆href www。
listItem.appendChild（href）；//将href附加到

linkContainer.appendChild（listItem）；//使用href将li附加到容器
});
}

如果你能给我一些建议，我会非常感激的，我快发疯了！干杯！：-）

添加

href.text = this.href

在href var设置之后

添加

href.text = this.href

在href var设置之后

更新2 为

ipisicing精英请求OP。小盲肠通畅术、透明透明术、工作面通畅术、全方位精确测量法、精确测量法
你有责任

Lorem ipsum dolor sit amet，奉献精英。圣徒，体格显贵的脸庞像一张脸。夸姆，伊尔姆，德莱尼蒂。除特殊原因外。康莫迪，我是多洛尔·多洛尔·伊乌斯
ipsum dolor sit amet，为精英献身。自由和实体建筑设计师nam eveniet odit sed。杜西莫斯表现得像一个自由的人吗？《圣约》杂志



var linkContainer=document.querySelector（'.linkBox'）；
var txt=document.getElementById（'content'）；
txt.addEventListener（'click'，函数（事件）{
if（event.target！=event.currentTarget）{
var link=event.target；
//因此，下一次，如果已经单击了链接，那么触发数据的属性将满足条件的要求。这反过来会在even.preventDefault（）之前将您踢出函数，因此现在它在各个方面都是一个普通的锚。
if（link.dataset.fired）{return}；
event.preventDefault（）；
//设置名为data fired的data-*属性
link.dataset.fired=true；
event.stopPropagation（）；
}
var listItem=document.createElement（“li”）；
//创建一个
节点
var href=link.getAttributeNode（'href'）.value；
//应该是实际的href www。
console.log（href）；
listItem.innerHTML=''+href+''；
//将href附加到

linkContainer.appendChild（listItem）；
//将带有href的li附加到容器
}，假）；

更新2 为

ipisicing精英请求OP。小盲肠通畅术、透明透明术、工作面通畅术、全方位精确测量法、精确测量法
你有责任

Lorem ipsum dolor sit amet，奉献精英。圣徒，体格显贵的脸庞像一张脸。夸姆，伊尔姆，德莱尼蒂。除特殊原因外。康莫迪，我是多洛尔·多洛尔·伊乌斯
ipsum dolor sit amet，为精英献身。自由和实体建筑设计师nam eveniet odit sed。杜西莫斯表现得像一个自由的人吗？《圣约》杂志



var linkContainer=document.querySelector（'.linkBox'）；
var txt=document.getElementById（'content'）；
txt.addEventListener（'click'，函数（事件）{
if（event.target！=event.currentTarget）{
var link=event.target；
//因此，下一次，如果已经单击了链接，那么触发数据的属性将满足条件的要求。这反过来会在even.preventDefault（）之前将您踢出函数，因此现在它在各个方面都是一个普通的锚。
if（link.dataset.fired）{return}；
event.preventDefault（）；
//设置名为data fired的data-*属性
link.dataset.fired=true；
event.stopPropagation（）；
}
var listItem=document.createElement（“li”）；
//创建一个
节点
var href=link.getAttributeNode（'href'）.value；
//应该是实际的href www。
console.log（href）；
listItem.innerHTML=''+href+''；
//将href附加到

linkContainer.appendChild（listItem）；
//将带有href的li附加到容器
}，假）；

我在想

href.innerHTML=href.href但是相同的区别。我在想
href.innerHTML=href.href但是相同的区别。非常感谢，这很好，除了一个问题，附加的链接需要在一个可点击的标签内，就像我提供的小提琴一样。所以我需要添加createElement（“a”）或。。。？不知道该怎么装…太棒了，就是这样！我也喜欢event.target上的钩子，我可以理解为什么我以前的代码有点脏。还有一个问题，当链接在容器中时。。有没有办法阻止他们仍然成为函数的目标？如果在它们放入容器后单击它们，它们就会开始相互复制。它将是b
listItem.innerHTML = '<a href="'+href+'">'+href+'<\/a>'; 

    var href = link.getAttributeNode('href').value; 

listItem.innerHTML = href;