javascript - 如何附加克隆节点的 Href(纯 JavaScript)

Question

当您单击段落中的链接时，它们会被克隆并附加到 linkContainer。

除了我希望附加到 linkContainer 的克隆链接显示实际的 href 文本(例如 www.google.com)作为可点击标签外，我一切正常。

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

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

https://jsfiddle.net/dnLd1kLy/2/

var linkContainer = document.querySelector('.linkContainer');
var links = document.querySelectorAll('a');

 for (var i = 0; i < links.length; i++) {

  var link = links[i];

  link.addEventListener('click', function(event) {
   event.preventDefault()

  var listItem = document.createElement('li'); // Create a <li> node
  var href = this.cloneNode(true); // Should clone the href www. 

  listItem.appendChild(href); // Append the href to <li></li>

  linkContainer.appendChild(listItem); // append li with the href to container

 });

}

非常感谢对此的一些指示，这让我发疯了!干杯! :-)

Answer 1

添加

href.text = this.href

href var设置后

https://jsfiddle.net/dnLd1kLy/3/