gpt4 book ai didi

javascript - 无法弄清楚在哪里加载 javascript 文件

转载 作者:行者123 更新时间:2023-11-28 14:59:05 24 4
gpt4 key购买 nike

HTML

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<title>Game</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="script.js"></script>

</head>

<body>

<div class="container">

<table class="table ">
<tr>
<td id="1">a</td>
<td id="2">a</td>
<td id="3">a</td>
<td id="4">a</td>
</tr>
<tr>
<td id="5">a</td>
<td id="6">a</td>
<td id="7">a</td>
<td id="8">a</td>
</tr>
<tr>
<td id="9">a</td>
<td id="10">a</td>
<td id="11">a</td>
<td id="12">a</td>
</tr>
<tr>
<td id="13">a</td>
<td id="14">a</td>
<td id="15">a</td>
<td id="16">a</td>
</tr>
</table>

</div>


</body>

function startFunction() {
var table = document.querySelector('#table');
var table_cells = table.querySelectorAll('td');
}


window.onload = function() {
startFunction();
};

我不断收到“未捕获的类型错误:无法读取 null 的属性“querySelectorAll””的错误。

我认为这与以下事实有关:当我调用一个尝试在所述元素节点存在之前获取该元素节点的函数时?

我正在 <head> 中加载我的 Javascript 文件我的 HTML 文件的部分,所以我添加了 window.onload函数以确保在页面运行之前加载所有内容。但是,我仍然不断收到此错误。

最佳答案

看看 JavaScript 中的这一行:

var table = document.querySelector('#table');

井号表示一个ID,因此您的 JavaScript 正在寻找 ID 为“table”的元素。

但是,如果你看看你的 table ,它没有 ID;它没有 ID。仅

解决方案是给你的 <table> “table”的 ID,以便 javascript 正确找到它:

<table id="table">

关于javascript - 无法弄清楚在哪里加载 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41749477/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com