我的文件叫做'table.htm'(试图制作表格)如下:
<!DOCTYPE html>
<html lang="en-AU">
<head>
<script type="text/javascript">
var thOne = document.getElementById("thOne");
alert(thOne)
//thOne.innerHTML = String(thOne.value);
</script>
</head>
<body>
<table>
<tbody>
<tr id="trOne">
<th value="1" id="thOne">
</th>
<td value="" id="tdOne">
</td>
</tr>
</tbody>
</table>
</body>
</html>
它不应该发出 null 警报,但它确实如此。注释掉的行应该将id("thOne").innerHTML设置为它的值(字符串中的1),而是说它没有值(作为TypeError)。我知道这一点,但是如何将内部HTML设置为"1"?
您可以在 body loaded
之后获取元素。例如
<!DOCTYPE html>
<html lang="en-AU">
<head>
<script type="text/javascript">
function bodyLoad() {
var thOne = document.getElementById("thOne");
var value = thOne.getAttribute('value');
alert("value is " + value);
}
</script>
</head>
<body onload="bodyLoad()">
<table>
<tbody>
<tr id="trOne">
<th value="1" id="thOne">
</th>
<td value="" id="tdOne">
</td>
</tr>
</tbody>
</table>
</body>
</html>