我在 div 中有一个画布。我如何得到它？答案

【问题标题】：I have a canvas inside the div. How do I get it?我在 div 中有一个画布。我如何得到它？
【发布时间】：2015-09-08 18:18:49
【问题描述】：

<!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>

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

【问题讨论】：

你如何得到它的引用？

标签： javascript jquery html canvas

【解决方案1】：

var canvas = document.querySelector('canvas');

【讨论】：

@NoahSong 是的。完全香草。使用 jQuery 将是 $('canvas')[0].
@MikeC 和 @NoahSong - $('canvas')[0] 将是原生 html 元素。 $($('canvas')[0]) 将是一个 jquery 对象（如果需要）
@BrandtSolovij：获取 jQuery 对象的更好方法是$('canvas').eq(0)。
文档。 getElementById("mycanvas") 如果首先为画布指定 ID“mycanvas”，则也可以使用 - 例如 vanilla JS w3schools.com/tags/…