javascript - innerHTML 无法正常工作 Javascript

Question

当按下“提交”btn 时，我需要显示“添加了”(link)“的链接”。我是 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;

标签： javascript

Answer 1

你必须得到.value输入。检查这个。

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.value + " was successfully added";
document.getElementById("new").innerHTML = news;
})

<form id="form">
	<input type="text" id="url" />
        <br>
	<input type="text" id="link" />
        <br>
	<input type="submit"/>
</form>

<h1 id="new">
</h1>