<分区>
我有以下标记代码
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table>
<tr>
<th></th>
<th></th>
<th>Back</th>
</tr>
<tr>
<td class="runner-row runner-back">1.98</td>
<td class="runner-row runner-back">1.99</td>
<td class="runner-row runner-back runner-back-active">2.00</td>
</tr>
</table>
</body>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</html>
我使用以下 Javascript 代码更改我的“runner-row”元素的值
window.onload = function() {
var gElemRunners = $(".runner-row");
gElemRunners[0].innerHTML = 1.5;
gElemRunners[1].innerHTML = 1.6;
gElemRunners[2].innerHTML = 1.7;
}
这段代码工作得非常好,当窗口加载时,值会正确更新。但是,以下代码不起作用。
window.onload = function() {
var gElemRunners = $(".runner-row");
gElemRunners[0].html(1.5);
gElemRunners[1].html(1.6);
gElemRunners[2].html(1.7);
}
我在 DevConsole 中收到以下错误
Uncaught TypeError: $(...)[0].html is not a function
即使我将 .html 更改为 .text 或 .val,我也会遇到同样的错误。请帮我解决这个问题,因为我似乎无法理解问题出在哪里。