我可以訪問元素（輸入標簽），但不能訪問 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>