無法將DOM元素設置爲變量

Question

我想將一個DOM元素設置爲變量，但是當我使用console.log（）變量時，它顯示爲空。

var canvas = document.querySelector('canvas'); 
console.log(canvas); //null 

但它在我正在遵循的教程中工作完美。誰能幫我嗎？

Answer 1

由於specification,querySelector()如果找不到匹配項則返回null。因此，您在嘗試獲取時沒有canvas節點。你應該

• 確保您的HTML文檔具有canvas節點
• 確保您的canvas節點設置爲HTML文檔

以下的HTML代碼將下班後運行腳本當然

<canvas id="myCanvas"></canvas> 
    <script> 
     var canvas = document.querySelector('canvas'); 
     console.log(canvas); 
    </script>