列表中的javascript link（）方法输出

我正在尝试创建一个供个人使用的书签html文件。它使用javascript“string.link（）”方法。问题是它只输出一次。我想它循环和收集我输入的所有链接

以下是html文件：

书签
函数toURL（）{
调试器
var strText=document.getElementById（“url_descripp”）.value；
var strText1=document.getElementById（“url”）.value；
var result=strText.link（strText1）；//url地址
document.getElementById（“itemlist”）.innerHTML=result；
}

据我所知，您希望将此链接添加到

#itemlist

。 只用

document.getElementById（“itemlist”）.innerHTML+=result+'
；

---

这将把结果添加到已有的

#itemlist

内容中，并在其后面添加一个换行符，以获得新行中的每个链接。

您需要将文件保存在某个位置，并且需要能够再次读取它

现在，为了能够显示一个列表，您可以这样做

document.getElementById("itemlist").innerHTML += '<li>' + result + '</li>'

document.getElementById（“itemlist”）.innerHTML+='
'+result+'
'

或者更容易理解的东西：

const links=[]；
document.getElementById（“urlForm”）.addEventListener（“提交”，函数（e）{
e、 预防默认值（）；
var strText=document.getElementById（“url_descripp”）.value；
var strText1=document.getElementById（“url”）.value；
links.push（strText.link（strText1））；//url地址
document.getElementById（“itemlist”）.innerHTML=`
${links.join（“
”）}
`
})

更改

document.getElementById("itemlist").innerHTML = result;

到

---

在哪里收款？重新加载页面时将丢失输入的数据，除非使用某些存储。无论如何，请尝试

document.getElementById（“itemlist”）.innerHTML+=result+'

要添加到页面-或者更好地使用arrayI已经评论过的-他还有一个链接而不是列表条目似乎你在评论我写答案的时候，对不起。哇。非常感谢，不客气。请询问如何重建完整列表以添加更健壮的项目？因为可以更轻松地将列表保存在本地存储或服务器上。我改变了措辞无论如何，我的代码比你复杂的一行代码更容易理解

document.getElementById("itemlist").innerHTML = result;

document.getElementById("itemlist").append(Object.assign(document.createElement('li'), {innerHTML: result}));