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

pod7payv  于 2024-01-04  发布在  其他
关注(0)|答案(1)|浏览(320)

此问题在此处已有答案

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

  1. <p id="p1">Player1</p>
  2. <input type="text" placeholder="hello" id="firstname">
  3. <button id="clickBtn" type="button">Click</button>

字符串
JavaScript:

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


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

mrwjdhj3

mrwjdhj31#

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

  1. let clickBtn = document.getElementById('clickBtn');
  2. let firstname = document.getElementById('firstname');
  3. let p1 = document.getElementById('p1');
  4. clickBtn.onclick = function () {
  5. p1.innerText = firstname.value;
  6. console.log(firstname.value);
  7. }

个字符

相关问题