為什么 document.getElementById() 在 VS Code 中不起作用?我不斷收到此錯誤:“未捕獲的 ReferenceError ReferenceError:未定義檔案”。我是 VS Code 的新手,但我假設它不起作用的原因是我需要安裝一些擴展來使其作業。相同的代碼適用于 Replit,但不適用于 VS 代碼。我安裝了 JS(ES6) Snippets、Open-in browser、Live Preview 和 Live Server。這是非常簡單的兩行代碼,只是為了進行實驗,但它不起作用。這讓我瘋狂!
let head = document.getElementById('change')
head.innerText = 'hello'
uj5u.com熱心網友回復:
我敢打賭,您沒有在瀏覽器的 index.html 檔案中運行它,所以這不是 VS Code 問題,您可能是在節點控制臺或其他東西中運行它,您嘗試的內容中沒有 html 或檔案測驗,這就是您收到此錯誤的原因。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Document</title>
</head>
<body>
<h1>HELLO</h1>
<hr />
<h2 id="change"></h2>
<script>
let head = document.getElementById('change')
head.innerText = "why isn't this working?";
</script>
</body>
</html>
uj5u.com熱心網友回復:
絕對與 VS Code 無關。
確保您的 html 檔案參考了您的 javascript 檔案。
<!DOCTYPE html>
<html>
<body>
<h1>This is my HTML file</h1>
<script src="script.js"></script>
</body>
</html>
腳本元素應該在您的 html 中,并帶有您的 js 檔案的名稱
<script src="script.js"></script>
uj5u.com熱心網友回復:
這不是 vscode 問題,請檢查您運行的檔案是否正確
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/522736.html
