我在 div 中有一个画布。我如何得到它?

Noa*_*ong 4 html javascript jquery canvas

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Girl! Fly and eat the yogurt!</title>
    <script src="js/easeljs-0.8.1.min.js"></script>
    <script src="js/sketch.js"></script>
    <script src="jquery-1.11.3.min"></script>
    <link rel="stylesheet" href="css/particles.css">
    <style type="text/css">
        #frame {
            position: relative;
            text-align: center;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <div id = "frame">
        <canvas class=" sketch" height="385" width="1440"></canvas>
    </div>
    <script src="js/particles.js"></script>
    <script>
        var canvas = $("#frame").get(0);
        canvas.id = "gameView";
    </script>
    <script src="js/app.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在这种特定情况下,您能告诉我如何使用 jQuery 或 vanilla JS 在 div 中获取画布吗?以及如何为捕获的画布元素设置 id?

Mik*_*uck 6

var canvas = document.querySelector('canvas');
Run Code Online (Sandbox Code Playgroud)

  • @BrandtSolovij:获取 jQuery 对象的更好方法是 `$('canvas').eq(0)`。 (3认同)