innerHTML无法正常工作Javascript

当按下“提交”btn时，我需要显示“链接到”（链接）“已添加”。我是Javascript新手。 我编写了类似这样的代码，但它不起作用

var form = document.getElementById("form");

form.addEventListener("submit", function(event) {
event.preventDefault();

var link = document.getElementById("link");
var url = document.getElementById("url");

var news = "The link to" + link + "was successfully added";
document.getElementById("new").innerHTML = news;

---

您必须获得输入的

.value

。 看看这个

var form=document.getElementById（“表单”）；
表单。addEventListener（“提交”，函数（事件）{
event.preventDefault（）；
var link=document.getElementById（“链接”）；
var url=document.getElementById（“url”）；
var news=“已成功添加到“+link.value+”的链接”；
document.getElementById（“新”）.innerHTML=news；
})

根据您对上述问题的评论：

---

它将在浏览器中返回“指向[object HTMLInputElement]的链接已成功添加”

听起来像是

。innerHTML

工作正常。您只是试图输出整个HTML元素，而不仅仅是它所包含的值：

var link = document.getElementById("link").value;

---

定义“不工作”。它以什么方式失败？浏览器的调试控制台中是否有错误？意外输出？当您在浏览器的调试器中单步执行代码时，每个变量是否都包含您期望的内容？结果如何？我会重新考虑@David说的话。。而被称为

表单的
id
将立即成为一个红旗。重要的是要看到您的相关HTMLIt正在浏览器中返回此信息“指向[object HTMLInputElement]的链接已成功添加”很高兴您的问题得到解决。请接受答案：）