Question

我动态创建了"myCanvas" div元素，并尝试将样式设置为div标记，抛出未定义的异常。请检查我的代码并建议我

// move the canvas, so it's contained by the same parent as the image
    var imgParent = img.parentNode;
    $('<div id="myCanvas">');
    var can = $('myCanvas');
    can.appendTo(imgParent);

    // position it over the image
    can.style.left = x + 'px'; //If set styles to can element, it's styles is undefined

我在这里做错了什么..？拜托，有人建议我说对了..

谢谢，

Bharathi

Answer 1

制作很简单：

$('<div id="myCanvas">').appendTo(img.parentNode).css('left', x);

Answer 2

替换

var can = $('myCanvas');

与

var can = $('#myCanvas');

[edit user =“dholakiyaankit”]

QA要求id不是上课

Answer 3

您不需要选择myCanvas元素，因为它尚未添加到DOM中（您的选择器也不正确）。您可以改为使用它：

var imgParent = img.parentNode;
// By default when creating an element in jQuery, it returns an instance of the jQuery object created
var can = $('<div id="myCanvas">');
can.appendTo(imgParent);
can.style.left = x + 'px';

Answer 4

Antegias的回应应该是

将......替换为：

var can = $('#myCanvas');

因为你已经给它一个id而不是一个类，你不能以这种方式选择它，直到它被添加到DOM，但你在变量中无论如何都可以引用它

动态创建标记元素并应用样式

4 个答案: