Javascript 为什么我会犯这个错误我不知道为什么？sketch.js:18未捕获类型错误：无法读取属性'；增补列表器'；在sketch.js:18处为空_Javascript_Html_Jquery_Css_P5.js

Javascript 为什么我会犯这个错误我不知道为什么？sketch.js:18未捕获类型错误：无法读取属性'；增补列表器'；在sketch.js:18处为空

javascript html jquery css

Javascript 为什么我会犯这个错误我不知道为什么？sketch.js:18未捕获类型错误：无法读取属性'；增补列表器'；在sketch.js:18处为空,javascript,html,jquery,css,p5.js,Javascript,Html,Jquery,Css,P5.js,我从控制台得到这个错误 sketch.js:18未捕获的TypeError:无法读取null的属性“addEventListener” 见草图。js:18 我不知道为什么这是我的Html代码 <!DOCTYPE html> <html> <head> <script src="js/p5.js"></script> <script src="js/p5.dom.min.js&quo

我从控制台得到这个错误

sketch.js:18未捕获的TypeError:无法读取null的属性“addEventListener” 见草图。js:18

我不知道为什么

这是我的Html代码

    <!DOCTYPE html>
<html>

<head>
  <script src="js/p5.js"></script>
  <script src="js/p5.dom.min.js"></script>
  <script src="js/p5.sound.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/socket.io-client@2/dist/socket.io.js"></script>
  <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
  <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <script src="sketch.js"></script>

  <link rel="stylesheet" type="text/css" href="css/stylegenerator.css">
  <meta charset="utf-8">
</head>

<body>
<div>
    <button>Random</button>
    <h1>Result</h1>
</div>
</body>

</html>

请帮帮我。我不知道如何修正这个错误

我使用的是visual studio代码和p5.js

谢谢大家!

您正在尝试访问Javascript之后启动的元素。您可以通过在要选择的HTML元素之后加载js文件来修复此问题：

<!DOCTYPE html>
<html>

<head>
  <script src="js/p5.js"></script>
  <script src="js/p5.dom.min.js"></script>
  <script src="js/p5.sound.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/socket.io-client@2/dist/socket.io.js"></script>
  <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
  <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <link rel="stylesheet" type="text/css" href="css/stylegenerator.css">
  <meta charset="utf-8">
</head>

<body>
<div>
    <button>Random</button>
    <h1>Result</h1>
</div>

<script src="sketch.js"></script>

</body>
</html>


随机的
结果

<!DOCTYPE html>
<html>

<head>
  <script src="js/p5.js"></script>
  <script src="js/p5.dom.min.js"></script>
  <script src="js/p5.sound.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/socket.io-client@2/dist/socket.io.js"></script>
  <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
  <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <link rel="stylesheet" type="text/css" href="css/stylegenerator.css">
  <meta charset="utf-8">
</head>

<body>
<div>
    <button>Random</button>
    <h1>Result</h1>
</div>

<script src="sketch.js"></script>

</body>
</html>