Javascript Jquery追加元素，然后改变css？

我正试图创建一个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");
});

$（“#绘制”）。单击（函数（e）{
var divToAdd=“”；
$（“#面积”）。追加（divToAdd）；
});
$（“#左”）。单击（函数（e）{
//var leftNow=document.getElementById（“框”）.left+1；
警报（document.getElementById（“box”）.left）；
$（“#box”）.css（'left'，leftNow）；
});
$（“#右”）。单击（函数（e）{
var leftNow=document.getElementById（“box”）.left-1；
$（“#框”）.css（“左”、“90”）；
});

---

因此，出于某种原因，document.getElementById（“box”）.left的值未定义。我想弄明白这一点已经有一段时间了，我的语法可能有问题吧？任何帮助都将不胜感激，非常感谢！谢谢Nick Craver。

您需要

.style.left

或

$（“#box”）.css（'left'）在这种情况下

但是…有一个更简单的方法，像这样：

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

您可以通过这种方式使其相对，与
+=
相同，保持简单：）
您需要
.style.left
或
$（“#box”）.css（'left'）在这种情况下

但是…有一个更简单的方法，像这样：

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

你可以通过这种方式使它相对，与
+=
相同，保持简单：）
这里我有两个建议：

（1） 使用jQuery对象而不是对象本身

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

我有两个建议：

（1） 使用jQuery对象而不是对象本身

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

谢谢你，先生，事实的确如此，老兄，我花了很多时间在这上面，非常感谢！我会尽快更正的。谢谢你，先生，事实确实如此，我花了很多时间在这上面，非常感谢！我会尽快把这个标对的。