无法定位Canvas的子元素

Question

这是我的代码

    javascript: (function() {
    var canvas = document.getElementById("app-view").children[1];
    var img = canvas.toDataURL("image/png");
    window.open(img);
    })();

和here is the app element我希望定位第二个画布元素＆＃34; children 1＆＃34;但由于某种原因它不起作用，总是卡在第一个元素上。一个解决方案将非常感谢，提前感谢！

在图片中，它总是以黄色为目标第一个画布，但我需要以蓝色显示的画布。您可以通过在浏览器中将脚本保存为书签来测试代码。

Answer 1

Haven解决了为什么toDataURL获取左画布的数据，但是如果你想保存画布，你可以用

来隔离它。

var can = document.getElementById("app-view").children[1];
jQuery("body > *").remove();
jQuery("body").append(can) ;

然后您可以右键单击并保存画布

Answer 2

这对我有用：

document.getElementById('app-view').childNodes[1]