当前位置: 首页 > 知识库问答 >
问题:

document.getElementById()不起作用?[副本]

宓英哲
2023-03-14

没什么好说的,

<html>
    <body>
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
            <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>

报警消息是null而不是包含对象详细信息或类似信息的消息。

问题出在哪里?

共有2个答案

从阎宝
2023-03-14

您需要在html读取/呈现后运行javascript...

请尝试以下操作:

<html>
    <body>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
    </body>
</html>

或者您可以添加窗口加载函数,这样脚本只在页面加载后运行。如:

<html>
    <body>
        <script>
            window.onload = function(){
                var x = document.getElementById('btn1');
                alert(x);
            }
        </script>
            <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>
洪璞瑜
2023-03-14

将脚本放在实际元素之后,否则当javascript代码运行时,DOM中还没有这样的元素。

<html>
    <body>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
        <script>
            var x = document.getElementById('btn1');
            alert(x);
        </script>
    </body>
</html>

或者,在尝试操作DOM之前,将脚本放在DOM就绪事件中,以确保DOM被浏览器完全加载:

<html>
    <body>
        <script>
            window.onload = function() {
                var x = document.getElementById('btn1');
                alert(x);
            };
        </script>
        <input type="button" id="btn1" value="Clickme" onclick="alert('1')" />
    </body>
</html>
 类似资料:
  • 嗨,在执行本文档中的步骤时,我遇到了一个增加Kafka的复制因子的奇怪问题:https://kafka.apache.org/documentation/#basic_ops_increase_replication_factor 症状看起来复制因子增加根本不起作用。 请帮帮忙 我的Kafka设置是 Kafka版本:kafka_2.12-2.1.0 服务器: 主机名服务器-0 (192.168.0

  • 因此,我在一个控制器中有一个非常简单的代码片段,在这个代码片段中,我使用从外部文件中获取数据,它工作得很好!但是当我使用时,我会在控制台中得到一个

  • 为什么在第一次迭代后不停止脚本? 在我看来,它必须在第一次迭代之后停止。

  • 问题内容: 正则表达式似乎还可以,因为第一行将子字符串正确替换为“ helloworld”,但是后者却不匹配,因为我看不到“ whynothelloworld?”。在控制台上 问题答案: 期望 整个 字符串匹配,而不仅仅是子字符串。 使用正则表达式匹配器对象的方法代替:

  • 我在move\u r函数中有after语句。但当我点击空格键时,它说 我相对知道这意味着什么,但我不知道该怎么改变我的程序应该画一个火箭,然后当你点击太空时,火箭向上移动。不幸的是,我的程序每次点击空格只会上升100次,而不是一次点击空格就自动上升,这是我的目标。我的代码是:

  • 问题内容: 我的 活动无法正常进行。 以下是我一一尝试过的代码段,但无济于事: 使用方法实施 设定方法 使用方法 这是我完整的MainActivity.java文件: 问题答案: 我遇到了同样的问题,我发现Android非常注重布局XML。我将NavigationView作为DrawerLayout的第一个孩子,但是出于某些愚蠢的原因,它必须是最后一个孩子。因此,您的布局必须具有以下顺序的元素: