js和jQuery无法获取到h5 canvas绘图对象

Question

页面现有一绘图对象canvs,无论js还是jQ都无法获取到dom对象，浏览器试过FireFox和Chrome都不行，百思不得其解。。

<canvas id="canvs"></canvas>

如图所示，两个dom对象都不对。

============== 2016/7/15 11:14 补充 ==============

问题已解决！原因是页面dom没有初始化完成，所以直接获取dom对象为空。
解决办法：
$(document).ready(function() {页面加载完成后再获取canvas绘图对象即可});

Answer 1

问题已解决！原因是页面dom没有初始化完成，所以直接获取dom对象为空。
解决办法：

$(document).ready(function() {页面加载完成后再获取canvas绘图对象即可});

Answer 2

楼主为何获取的时候，后面又加了一个[0]呢

Answer 3

$(document).ready(function(){
    var canvas = $('#canvas');
    var context = canvas.get(0).getContext('2d');
    //todo
})