zoukankan      html  css  js  c++  java
  • Cannot set property ‘innerHTML’ of null 错误原因

    js文件中调用了html中的某个节点,并且js在这个调用的对象之前加载了。
    如果js放在头部时,此时浏览器渲染未进入dom节点,因为提示为空,或者找不到。
    所以把js代码放到最后或调用的对象后面就行了。

    错误代码:

    <!DOCTYPE html>
    <html lang="en-US">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Today's Date</title>
        <script type ="text/javascript">
            let d = new Date();
            document.body.innerHTML = "<h1>Today's date is " + d + "</h1>"
        </script>
    </head>
    
    <body>
    
    </body>
    </html>
    

    修改:

    <!DOCTYPE html>
    <html lang="en-US">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Today's Date</title>
    
    </head>
    
    <body>
        <script type ="text/javascript">
            let d = new Date();
            document.body.innerHTML = "<h1>Today's date is " + d + "</h1>"
        </script>
    </body>
    
    </html>
    
  • 相关阅读:
    c++ cout、cin、endl
    c++ namespace
    找到小镇的法官
    整数反转
    c++stack类的用法
    栈应用:最小栈(第二题)
    栈的压入、弹出序列(第一题)
    c++中vector类的用法
    Android 面试常问七道题
    传感器实现仿微信摇一摇功能
  • 原文地址:https://www.cnblogs.com/xym4869/p/13291751.html
Copyright © 2011-2022 走看看