Raphael JS 失败

发布于 2024-12-11 12:22:27 字数 537 浏览 1 评论 0原文

以下非常基本的脚本在 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>

我不知道为什么 - 有人吗？

原文

The following, very basic script, fails in Chrome and Safari with this error 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>

I have no idea why - anyone?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

只是偏爱你 2024-12-18 12:22:27

当 DOM 准备好时，您应该包装调用。

<script type="text/javascript">
// Using JQuery

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

You should wrap the call when the DOM is ready.

<script type="text/javascript">
// Using JQuery

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

回复收藏 0 原文

北城孤痞 2024-12-18 12:22:27

或者在定义 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>

Or just call the function after you have defined the 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>

回复收藏 0 原文

~没有更多了~