gpt4 book ai didi

javascript - 使用 JavaScript 更改单元格的值

转载 作者:太空宇宙 更新时间:2023-11-04 16:24:45 24 4
gpt4 key购买 nike

我在更改 HTML 表格中单元格的值时遇到问题。我只是在摆弄 JavaScript,因为我从未使用过它。这是我的代码:

<!DOCTYPE html>
<html>

<head>
<script>
var name = "Requiem";
var health = 100;
var strength = 1;
var agility = 1;
var intelligence = 1;
var gold = 50;
var Class = "Warrior";

document.getElementsByName('Name').innerHTML = name;
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Name</td>
<td>Health</td>
<td>Strength</td>
<td>Agility</td>
<td>Intelligence</td>
<td>Gold</td>
<td>Class</td>
</tr>
<tr>
<td name="Name"></td>
<td name="Health"></td>
<td name="Strength"></td>
<td name="Agility"></td>
<td name="Intelligence"></td>
<td name="Gold"></td>
<td name="Class"></td>
</tr>
</table>
</body>

</html>

最佳答案

你的问题有两个方面。

  1. 您的脚本标签位于头部并立即运行。只有在脚本之前已处理过的标签才可用于操作。您可以通过将脚本标记移动到 <td name="Name"></td> 下方来解决此问题使用类似 jQuery's document ready 的标记或延迟代码(需要 jQuery)。

  2. document.getElementsByName 返回 NodeList 包含具有指定名称的所有元素。要操作具有此名称的第一个元素,您可以使用 document.getElementsByName("Name")[0] .

示例:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Name</td>
<td>Health</td>
<td>Strength</td>
<td>Agility</td>
<td>Intelligence</td>
<td>Gold</td>
<td>Class</td>
</tr>
<tr>
<td name="Name"></td>
<td name="Health"></td>
<td name="Strength"></td>
<td name="Agility"></td>
<td name="Intelligence"></td>
<td name="Gold"></td>
<td name="Class"></td>
</tr>
</table>
<script>
var name = "Requiem";
var health = 100;
var strength = 1;
var agility = 1;
var intelligence = 1;
var gold = 50;
var Class = "Warrior";

document.getElementsByName('Name')[0].innerHTML = name;
</script>
</body>
</html>

关于javascript - 使用 JavaScript 更改单元格的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26331929/

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