Firefox에서 Style속성 지정할 때 주의할 점[제가 잘못 봤네요 ^^;;]

특정  element에 style속성을 지정할 때 사용할 수 있는 방법은 크게 두가지입니다. (실제로는 더 있기는 합니다 ^^)

1. element.style.width = 700;
2. element.setAttribute("width", 700);

이와 같은 형태로 처리를 할 수 있는데요. 최근에 코딩하다보니 Firefox에서 1번과 같이 코딩한 경우 값이 설정되지 않는 것을 발견했습니다. (문제를 찾는데 도움 주신 나미님께 감사!!)

Firefox 1.5에서는 실제 테스트를 해보지 않았습니다. (2.0 사용중이라서요...)
게다가, 보통때는 2번 방식으로 코딩을 하기 때문에 이런 문제가 있는지도 오늘 처음 알았네요.

테스트 해본 코드는 다음과 같습니다.

간단하게 table element를 만든 후에 getAttribute와  style의 코드를 출력하는 방법을 사용했는데요.
결과는 다음과 같습니다.

아무 값도 나오지 않습니다. ^^;;;
Firefox 2.0으로 오면서 바뀐건지 아닌지는 모르겠지만 코딩하실  때 주의하신다면 좋을 듯 싶네요.

P.S.1:
style로 값을 준 경우 style.width 또는 style.height으로 값을 꺼낼 수 있습니다.
width/height으로 값을 준 경우 style.width/style.height 값은 사용할 수 없습니다.
ㅠㅠ 어처구니 없는 실수를 저질렀네요.

P.S.2:
style로 값을 설정하는 경우 px를 뒤에 붙여주면 정상적으로 동작합니다. ㅡㅡ