상단 및 왼쪽 CSS 속성 설정

상단 및 왼쪽 CSS 속성 설정

---

어떤 이유로 다음 JavaScript를 사용하여 "상단"및 "왼쪽"CSS 속성을 설정할 수 없습니다.

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Firebug를 사용 div하면 position설정 이 설정 "absolute"되었지만 top및 left속성이 설정되지 않았 음을 알 수 있습니다!

이것은 Firefox 3.6 용입니다.

---

div.style.top = "200px";
div.style.left = "200px";

---

아래와 같이 setProperty 메소드를 사용할 수도 있습니다.

document.getElementById('divName').style.setProperty("top", "100px");

---

div.style객체 ( CSSStyleDeclaration )를 생성합니다 . 객체이므로 다음을 사용할 수도 있습니다.

div.style["top"] = "200px";
div.style["left"] = "200px";

예를 들어 "변수"속성에 액세스해야하는 경우 유용합니다.

div.style[prop] = "200px";

---

div에 대한 새 CSS 클래스를 만들 수 있습니다.

 .div {
      position: absolute;
      left: 150px;
      width: 200px;
      height: 120px;
    }

참고 URL : https://stackoverflow.com/questions/2214387/setting-top-and-left-css-attributes