如何关联confirm box与paragraph tag并传递innerHTML文本至段落标签？

嘿，我来帮你搞定这个问题！你遇到的问题主要是几个小细节没处理好，咱们一步步修正就能解决：

问题分析 #

你的代码里存在三个核心问题：

• JS代码执行时机不对：你把JS写在了HTML结构前面，此时浏览器还没渲染出id为demo的p标签，导致getElementById找不到元素
• 方法名拼写错误：getElementbyId应该是getElementById（注意字母B要大写）
• 缺少对应的p标签：HTML结构里没有定义id为demo的<p>元素，JS自然无法修改它的内容

正确实现代码 #

下面是修正后的完整代码，你可以直接使用：

<!DOCTYPE html>
<html>
<head>
    <title>PromptBox, ConfirmBox, AlertBox</title>
</head>
<body>
    <!-- 先定义需要修改的p标签，指定id为demo -->
    <p id="demo"></p>

    <!-- 把JS代码放在body末尾，确保DOM已加载完毕 -->
    <script>
        // 弹出确认框
        if (confirm("Please confirm that you are a citizen of India.") == true) {
            // 找到p标签并修改内容
            document.getElementById("demo").innerHTML = "Welcome to our Website!";
        } else {
            document.getElementById("demo").innerHTML = "Access Denied";
        }
    </script>
</body>
</html>

代码说明 #

• 我们先在<body>里添加了<p id="demo"></p>，这是用来显示结果的容器
• 把JS代码放在<body>的最后，这样当浏览器执行JS时，已经渲染出了id为demo的p标签，就能正确获取到元素
• 修正了getElementById的拼写错误，确保方法能正常调用
• 当用户点击确认框的OK按钮时，confirm()返回true，会把p标签的内容改成"Welcome to our Website!"；点击取消则返回false，内容改成"Access Denied"

内容的提问来源于stack exchange，提问作者Md Arshad Ali