我可以访问元素（输入标签），但不能访问 textContent 和 innerText 的内容

Question

 <div class="container"> <input id="word1" type="text" placeholder="Enter First Word"><br> <input id="submit1" type="submit" name="submit" value="check"> </div> <script type="text/javascript"> let word1 = document.getElementById('word1'); let submit = document.getElementById('submit1'); function display(){ alert(word1.textContent); alert(word1.innerText); alert(word1); } submit.addEventListener('click',display,false); </script>

浏览器警告 textContent 和 innerText 均为空字符串，我不知道为什么会这样

Answer 1

input 没有textContent ，如果要获取它的值，则需要使用input.value 。

 <div class="container"> <input id="word1" type="text" placeholder="Enter First Word"><br> <input id="submit1" type="submit" name="submit" value="check"> </div> <script type="text/javascript"> let word1 = document.getElementById('word1'); let submit = document.getElementById('submit1'); function display(){ alert(word1.value); } submit.addEventListener('click',display,false); </script>