html 为什么输入的内容没有打印出来?(重复)

pod7payv  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(257)

此问题在此处已有答案

Why does jQuery or a DOM method such as getElementById not find the element?(7个回答)
10天前关闭。
超文本标记语言:

<p id="p1">Player1</p>

<input type="text" placeholder="hello" id="firstname">

<button id="clickBtn" type="button">Click</button>

字符串
JavaScript:

let clickBtn = document.getElementById('clickBtn');
let firstname = document.getElementById('firstname');
let p1 = document.getElementById('p1');
clickBtn.onclick = function () { p1.innerText = firstname.value; console.log(firstname.value); }


在这是在控制台显示未捕获的错误,似乎有一些错误的按钮。我不能看到任何东西得到打印在控制台或屏幕上输入后,在输入。
我希望我输入的文本被打印出来。

mrwjdhj3

mrwjdhj31#

您正在将firstname.value重新分配到p1.innerText,其中没有文本。
试试下面的代码:

let clickBtn = document.getElementById('clickBtn');
let firstname = document.getElementById('firstname');
let p1 = document.getElementById('p1');

clickBtn.onclick = function () {
  p1.innerText = firstname.value;
  console.log(firstname.value);
}

个字符

相关问题