Javascript document.getElementById 似乎不起作用-6ren

Javascript document.getElementById 似乎不起作用

转载作者：塔克拉玛干更新时间：2023-11-02 21:54:13

27

4

我有以下代码，chrome 中的 javascript 控制台显示“无法读取 null 的 innerHTML 属性。为什么 document.getElementById('display') 空手而归？

<!DOCTYPE html>
<html>
    <head>
        <title>Chat 3</title>
        <script type="text/javascript">
            function showmsg(str){
                var display = document.getElementById('display');
                display.innerHTML += "<p>" + str + "</p>";
            }

            if("WebSockets" in window){
                pass;
            }else{
                showmsg("Your browser doesn't support WebSockets. Try Google Chrome.");
            }
        </script>

        <style type="text/css">
        #username { 
            padding: 0px;
            margin: 0px;
            height: 26px;
            width: 400px;
        }

        /* ADDED container div that wraps onlineusers and display */
        #container {
          margin: 10px 0;
        }

        /* use float: left to put them side-by-side */
        #display { 
            padding: 0px;
            margin: 0px;
            border-style: solid;
            border-width: 1px;
            overflow: auto;
            height: 400px;
            width: 400px;
            float: left;
        }

        #onlineusers { 
            padding: 0px;
            margin: 0px;
            height: 400px;
            width: 200px;
            border-style: solid;
            border-width: 1px;
            float: left;
        }

        /* Added container2 to wrap inputline and sendbutton */
        #container2 {
            margin: 10px 0;
        }

        #inputline { 
            padding: 0px;
            margin: 0px;
            height: 26px;
            width: 350px;
            float: left;
        }

        #sendbutton {
            padding: 0px;
            margin: 0px;
            height: 30px;
            width: 50px;
            float: left;
        }

        /* this is a well used "hack". */
        .clearfix {
          clear: both;
        }
        </style>
    </head>
    <body onload="document.getElementById("username").focus()">
            <input type="text" id="username" />
            <div id="container">
                <div id="display"></div>
                <div id="onlineusers"></div>
                <div class="clearfix"></div>
            </div>

            <div id="container2">
                <input type="text" id="inputline" length="55" />
                <input type="button" id="sendbutton" value="Send" />
            </div>
    </body>
</html>

最佳答案

将您的脚本部分向下移动到页面底部。否则它会在页面加载之前执行。

顺便说一句:将脚本放在页面底部甚至是 Google 推荐的“最佳实践”，Yahoo &公司

关于Javascript document.getElementById 似乎不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3210060/

27

4

0

文章推荐： javascript - 什么更有效率？检查 == 或只是改变变量？

文章推荐： javascript - 阻止 jQuery 调用下一个事件

文章推荐： iphone - 存储 cookie 以保留 iPhone 应用程序的凭据

javascript - getElementById + 变量控制另一个 getElementById + 变量
我有不同的 div，每个 div 都有一个调用相同函数的按钮。 . . . INIT . . . INIT 棘手的部分是每个按钮应该只对自己的 div 执行函数(#btn1 到 #div1、#
javascript - XSP.getElementById 与 document.getElementById
XSP.getElementById 和 document.getElementById 之间有什么区别？在我的测试中，两者似乎都返回相同的值(存储在字段中的值)。为 XPage 编码时应首选哪一个？
javascript - document.getElementById() 对比。 getElementById() 方法
我通常会通过以下方式为某些事件注册 javascript 函数: myBtn.Attributes.Add("onClick", "Validate(getElementById('"+txtFirs
javascript - if(document.getElementById ('something' )!=null) 与 if(document.getElementById ('something' )) 相同吗？
当我想检查页面中是否存在某个元素时。这两个检查是一样的吗？有没有更好更紧凑的方法来检查是否存在？如果我想检查 value == '' 该怎么办。这也可以包含在这张支票中吗？最佳答案对元素的引用永
javascript - document.getElementById().value 和 document.getElementById().checked 不适用于 IE
我尝试将新值分配给输入表单的隐藏输入和复选框。它在 Firefox 中工作正常，但在 IE 中则不然(我使用的是 IE 7)。有谁知道我的代码有什么问题吗？ HTML: Javascript: v
javascript - 文本在输出中垂直上下跳动。使用 "document.getElementById("firstDiv").innerHTML = document.getElementById ("location").value;"
我真的不知道如何描述我的问题，但基本上: 为了好玩，我在 JSFiddle 中编写了一个元素，不知何故我的代码输出只是上下跳动。如果您想亲自查看，请单击下面的链接，然后单击“提交投诉”按钮。问题是
javascript - document.getElementById ("test").value 和 document.getElementById ("test").innerHTML 有什么区别
document.getElementById("test").value document.getElementById("test").innerHTML 第一个表示地址，第二个表示存储在该地址的
javascript - 基于上下文的 getElementById 比原生 getElementById 慢 1000 倍。像 sizzle 这样的选择器引擎使用更聪明的策略吗？
在将 html block 插入 dom 之前，我对在 dom 外构建 html block 很感兴趣，因此我使用 dynatrace 进行了一些测试。我使用了bobince的方法: Is there
dom - 这是 JSNI 中 $doc.getElementById ("id") 和 document.getElementById ("id") 之间的区别
我在 GWT 应用程序中使用 native 函数，我尝试了这两种方法: document.getElementById("id") 返回 null 但 $doc.getElementById() 返回
javascript - x = document.getElementById ("id").className = & x = document.getElementById ("id"), x.className = 之间的区别
以下代码有什么区别: Hover Over me SomeLink1 SomeLink2 SomeLink3
javascript - document.getElementByID ("test").innerHTML 给出 TypeError : 'undefined' is not a function (evaluating 'document.getElementByID("test")')
我正在尝试使用 javascript 设置 div 的内部 html，但由于某种原因，它不起作用。我发现其他人以前也遇到过这个问题，但我在其他帖子中找到的解决方案均无效。我不明白怎么了。这是我的测试
带有按钮的Javascript getElementbyID
编辑:我修复了分号、区分大小写以及方括号。如果我删除 buttonPARTICULAR 之后的函数，代码就可以工作!为什么？编辑:固定。我是个笨蛋。对不起!!! :-Z 当我保持简单时，就像这样，一
Javascript getElementById？
很难说出这里问的是什么。这个问题是模棱两可的、模糊的、不完整的、过于宽泛的或修辞的，无法以目前的形式得到合理的回答。如需帮助澄清这个问题以便重新打开它，visit the help center .
JavaScript getElementById()
我正在尝试创建一个通用的 JavaScript 函数来更改事件的属性。它的工作方式是 function fooFunction(sourceElement) { var newName =
基于部分字符串的Javascript getElementById
我需要获取元素的 ID，但该值是动态的，只有它的开头始终相同。这是一段代码。 ID 总是以 poll- 开头，然后数字是动态的。如何只使用 JavaScript 而不是 jQuery 获取 ID
Excel getElementById 提取跨度类信息
我需要使用 VBA 从 HTML 中提取某些信息。这是我试图单独提取位置信息的 HTML。 Location Dallas/Fort Worth Area Industry
javascript - getElementById 在脚本中没有返回任何内容或问题？
我正在制作一个程序，该程序从输入字段返回值，然后根据条件将字段字符串更改为 x 结果。非常感谢您的帮助，因为这里的成员过去一直给我很大帮助。调试器抛出此错误，当然没有任何效果: script.js:2
Javascript document.getElementById
我不确定为什么这不起作用，有人可以告诉我为什么吗？ var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100,
JavaScript getElementByID 有什么简短的方法可以完成相同的工作吗？
这个问题已经有答案了: Javascript Shorthand for getElementById (24 个回答) 已关闭 8 年前。我的下面的代码工作正常，但我想知道，是否有任何仅通过 Ja
javascript - getElementById 没有按预期工作？
我有这个simple HTML 标记: //a reserved property name id //same here 但是——运行: alert(document.getEle

首页

博学

6Ren·AI

商城

Javascript document.getElementById 似乎不起作用