使用javascript加载页面时，自动将跨距文本复制到输入字段

我想复制span的文本内容，并在页面加载时自动粘贴到输入字段。 无论何时我使用getElementByClassName代码都不起作用，但当我使用getElementById代码时，它们都能正常工作

请帮忙，非常感谢

document.addEventListener'DOMContentLoaded'，事件=>{ document.getElementById'showTag'。值=document.getElementByClassName'addTag'[0]。textContent； };

将此复制到输入字段

---

你猜对了，只是输入了一个错误：getElementByClassName

应该是：getElementsByClassName

document.getElementsByClassName'addTag'[0].textContent

尽管如此，由于您知道并且一直期望它始终是第一个元素，您不妨这样写：

document.querySelector'addTag'.textContent

---

编辑以删除php和css标记，因为它们是未更新的。我将您的问题编辑为一个片段，现在您可以在浏览器控制台中看到应该可以看到的异常。键入错误是getElement s ByClassName，元素是plural@MisterJojo啊哈，你成功了，谢谢兄弟。使用F12这种错误在consoleHi@Hakik中生成信息谢谢你的回答，但我已经发现了问题，我忘了放一个s getElementByClassName它应该是getElementsByClassName。是的，这写在答案的开头。哦！我现在明白了，我不小心改变了它们的顺序，我的错。有人在这个回复上加了一条评论，说关于拼写错误的问题不值得回复，它们被删除了，所以他们否决了我的答案。有哪位高级官员能证实这一点吗？如果是这样的话，我将不得不停止回答所有问题，以防有人输入错误而我错过了。。。

<p class="addTag">
  Copy this to input field
</p>

<input name="showTag" type="text" id="showTag" />

<script>
document.addEventListener('DOMContentLoaded', (event) => {

  document.getElementById('showTag').value = document.getElementsByClassName('addTag')[0].textContent;
  // or 
  document.getElementById('showTag').value = document.querySelector('.addTag').textContent;

});
</script>

 window.addEventListener('load', (event) => {
 var x = document.getElementsByClassName('addTag')[0].innerHTML;
 var y = document.getElementById('showTag');
 y.value=x;
 });