【问题标题】:Document by ID not connecting按 ID 记录的文件未连接
【发布时间】:2021-11-19 05:42:11
【问题描述】:

我最近正在为我的计算机课程做作业,但我的代码中有一个连接错误。据我所知,该函数看起来是正确的。

            function idCard(){
            var firstName = document.getElementByID("firstName").value;
            var lastName = document.getElementByID("lastName").value;
            var address = document.getElementByID("address").value;
            
            document.getElementById("postFullName").innerHTML = firstName + "" + lastName;
            document.getElementById("postAddress").innerHTML = address;
            
            var age = document.getElementByID("age").value;
            var phoneNumber = document.getElementByID("phoneNumber").value;
            
            const numberArray = [age,phoneNumber];
            
            for ( var i = 0; i < numberArray.length; i++){
                if (numberArray[i]<=100){
                document.getElementId("postAge").innerHTML = numberArray[i];
                }
                else{
                document.getElementId("postPhoneNumber").innerHTML = numberArray[i];
                }
            }
            
            }

显示工作正常,到目前为止,我的调试控制台只收到一个错误,“未捕获的 TypeError: document.getElementByID is not a function”。

【问题讨论】:

  • getElementById 打错了。
  • 因拼写错误关闭。
  • 您的问题已得到解答,您应该接受答案,因为您已经确认社区帮助了您

标签: javascript debugging visual-studio-code


【解决方案1】:

在 JavaScript 中,区分大小写很重要,

函数后的前 3 行,应该是 getElementById 而不是 getElementByID,也是第 6、7 行和 for 循环内

innerHTML 应该可以工作,但它通常用于设置 html, innerText 会是更好的选择

祝你工作顺利

【讨论】:

  • 非常感谢!我不敢相信我错过了。
  • 我现在确实有另一条错误消息 - “未捕获的 TypeError:无法设置 null 的属性(设置 'innerHTML')”
  • 这可能是因为没有找到该元素,检查html中id的命名,如果可以尝试发布更新的js & html
猜你喜欢
  • 1970-01-01
  • 2016-02-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-05
  • 2015-01-30
  • 1970-01-01
  • 2016-11-10
相关资源
最近更新 更多