Динамически создавайте элемент тега и применяйте стили

Question

Динамически создавайте элемент тега и применяйте стили

0

Я создал динамический элемент "myCanvas" динамически и попытаюсь установить стили в тег div, который он выдает неопределенное исключение. Пожалуйста, проверьте мой код и предложите мне

// move the canvas, so it 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 styles is undefined

Что я сделал здесь неправильно?.. пожалуйста, предложите мне правильные вещи..

Благодаря,

Bharathi

Bharathi 02 дек. 2013, в 13:38

Источник

1

не $('myCanvas'); ..это должно быть $('#myCanvas');
rynhe 02 дек. 2013, в 11:56
0

вы пропустили # в селекторе jquery $ ("# myCanvas");
tamilmani 02 дек. 2013, в 11:56

Теги:

javascript

jquery

4 ответа

Ещё вопросы

не $('myCanvas'); ..это должно быть $('#myCanvas');
вы пропустили # в селекторе jquery $ ("# myCanvas");

David · Answer 1 · 2013-12-02T09-15-00.000Z

Сделать просто:

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

Antegeia · Answer 2 · 2013-12-02T10-35-00.000Z

замещать

var can = $('myCanvas');

с

var can = $('#myCanvas');

[edit user = "dholakiyaankit"]

QA запрашивает id not class

alfonsob · Answer 3 · 2013-12-02T10-01-00.000Z

Ответ Antegias должен читать

Заменить:

var can = $('#myCanvas');

поскольку вы дали ему id, а не класс, вы не можете выбрать его таким образом, пока он не будет добавлен в DOM, но у вас есть ссылка на него в любом случае в переменной

CodingIntrigue · Answer 4 · 2013-12-02T09-15-00.000Z

Вам не нужно выбирать элемент 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';