Question

Я пытаюсь создать Div тег, а затем изменить его с помощью CSS, но по какой-то причине его не работает, вот мой код:

$('#draw').click(function(e){ 
    var divToAdd = "<div id='box' style='display:block;background-color:red;width:100px;height:100px'></div>"; 
    $("#area").append(divToAdd); 
}); 
$('#left').click(function(e){ 
    //var leftNow = document.getElementById("box").left + 1; 
    alert(document.getElementById("box").left); 
    $("#box").css('left',leftNow); 
}); 
$('#right').click(function(e){ 
    var leftNow = document.getElementById("box").left - 1; 
    $("#box").css("left","90"); 
}); 

Так по какой-то причине значение document.getElementById («коробка») .left не определено. Я пытался понять это на некоторое время, возможно, у меня, возможно, что-то не так в моем синтаксисе? Любая помощь будет оценена, спасибо большое! Спасибо, Ник Крейвер.

Answer 1

В этом случае вам понадобится .style.left, или $("#box").css('left');.

... Но есть более простой способ, как это:

$("#box").css("left","-=1"); 

Вы можете просто сделать его относительно таким образом, то же самое для +=, держать его просто :)

Answer 2

Вот у меня есть два предложения :

(1) Используйте объект JQuery вместо самого объекта

var divToAdd = $("<div id='box' style='display:block;background-color:red;width:100px;height:100px'></div>"); 

На самом деле это выражение не так хорошо либо, чтобы сделать его более «JQuery":

var divToAdd = $('<div></div>').css('background-color','red').css.... 

(2) Продолжайте использовать JQuery, если вы вовлечены его

$('#box').css('left') instead of document.getElemengById(...)