javascript - 这样创建节点添加属性正确吗？？

Question

timer=setInterval(function(){

      var left = Math.ceil(Math.random() * (9 - 0) + 0) * 22;
      var top = Math.ceil(Math.random() * (9 - 0) + 0) *22;
       $.post('ajax.txt', function(data) {
        if(data==1){
              var imgObj=$(document.createElement("p")) ;
              imgObj.attr({
                  "left":left+40,
                  "top":top+20,
                  "background-repeat":"no-repeat",
                   "background-position":"center",
                   "background-size":"cover",
                   "height":"35px",
                    "width":"35px",
                    "border-radius":"100%",
                    "position":"absolute",
                   "background-image":"url(./imgs/images/7.png)"
                  });
              
               
            $(".scan-gold-pic").append(imgObj);
    
    我要的需求就是发送一次请求创建一个p节点；节点的内容就是一张图片；上面是我通过.attr()方法给节点添加属性；发现无法宣示；求大神指教；    
            
            
            
            

Answer 1

使用attr()的时候

使用css()的时候

看看区别

现在你需要的是设置样式,用css

Answer 2

attr换成css

Answer 3

imgObj.attr({
                  "left":left+40,
                  "top":top+20,
                  "background-repeat":"no-repeat",
                   "background-position":"center",
                   "background-size":"cover",
                   "height":"35px",
                    "width":"35px",
                    "border-radius":"100%",
                    "position":"absolute",
                   "background-image":"url(./imgs/images/7.png)"
                  });

应该是这一块错了,应该用css。
attr是设置属性节点的。
设置完是这样

<p left:'' right=''></p>

Answer 4

是要写成css的形式

Answer 5

attr是添加属性，你写的是样式，要用CSS