如何通过innerHTML将prompt输入内容显示在HTML<td>元素中？代码失效求助

你的代码失效的核心原因是DOM元素ID大小写不匹配：HTML中的id是"Name"（首字母大写），但JavaScript里调用document.getElementById("name")时用了全小写的"name"，而DOM的ID是严格区分大小写的，导致脚本找不到目标元素，无法完成文本替换。

修正后的完整代码 #

将ID统一大小写，同时确保脚本在DOM元素加载完成后执行（直接放在</body>前即可）：

<html>
<head>
    <title>Cant figure this out</title>
</head>
<body>
    <table>
        <tr>
            <td>Name</td>
        </tr>
        <tr>
            <td id="Name"></td>
        </tr>
    </table>

    <script>
        var yourname = prompt("Enter your name");
        // 这里的ID和HTML里的保持一致，用首字母大写的"Name"
        document.getElementById("Name").innerHTML = yourname;
    </script>
</body>
</html>

你也可以选择把HTML中的id改成全小写的"name"，同时JS里保持document.getElementById("name")，只要两者大小写一致就能正常运行。

内容的提问来源于stack exchange，提问作者Mayiツ