function函数定义的一些问题

最新推荐文章于 2022-05-27 14:43:14 发布

倔强的我的曾经

最新推荐文章于 2022-05-27 14:43:14 发布

阅读量294

点赞数

分类专栏：个人项目总结

本文链接：https://blog.csdn.net/qq_38222534/article/details/110855077

版权

javascript js css java

个人项目总结专栏收录该内容

5 篇文章 0 订阅

订阅专栏

    
    // 会报错 Cannot read property 'innerHTML' of null 
    // 因为加载html页面自上而下 document.getElementById("div");获取不到对象 所以报错
    <script>
            var input = document.getElementById("div");
            input.innerHTML += ",你好";
    </script>
    <body>
        <div id="div">
            我是DIV
        </div>
    </body>

    
    // 页面不会改变 也没有报错 还是：我是DIV
    <script>
            // 这里使用函数表达式也可以  div = function(){}
            function div(){
                var input = document.getElementById("div");
                input.innerHTML += ",你好";
            }
    </script>
    <body>
        <div id="div">
            我是DIV
        </div>
    </body>

    
    // 页面改变：我是DIV,你好
    <script>
            windows.onload = function(){
                div();
            }
            // 这里使用函数表达式也可以  div = function(){}
            function div(){
                var input = document.getElementById("div");
                input.innerHTML += ",你好";
            }
    </script>
    <body>
        <div id="div">
            我是DIV
        </div>
    </body>

是不是可以说明，function函数在被执行的时候才会去运行

倔强的我的曾经

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
function函数定义的一些问题

// 会报错 Cannot read property 'innerHTML' of null // 因为加载html页面自上而下 document.getElementById("div");获取不到对象所以报错 <script> var input = document.getElementById("div"); input.innerHTML += ",你好"; </script>...
复制链接

扫一扫

专栏目录