拉斐尔JS失败了

Raphael JS fails

本文关键字：失败 JS      更新时间：2023-09-26

以下，非常基本的脚本，在Chrome和Safari中失败，此错误Cannot call method 'appendChild' of null 

<!DOCTYPE html>
<html lang="en">
    <head>
        <script type="text/javascript" src="raphael-min.js">
        </script>
        <script type="text/javascript">
            var paper = Raphael("canvas", 320, 200);
        </script>
    </head> 
    <body>
        <div id="canvas"></div>
    </body>
</html>

我不知道为什么——有人吗?

应该在DOM准备好后包装调用。

<script type="text/javascript">
// Using JQuery
$(function() {
    var paper = Raphael("canvas", 320, 200);
});
</script>

或者在定义完div后调用该函数…

<!DOCTYPE html>
<html lang="en">
    <head>
        <script type="text/javascript" src="raphael-min.js">
        </script>
    </head> 
    <body>
        <div id="canvas"></div>
        <script type="text/javascript">var paper = Raphael("canvas", 320, 200);</script>
    </body>
</html>
相关文章：