js 로 style 스타일 의 문제 해석 과 해결 방법 을 가 져 올 수 없습니다.

3298 단어 style
오늘 js 를 써 서 style 스타일 을 가 져 올 때 작은 문제 가 발생 했 습 니 다. 즉, 아래 코드 로 id 가 "qqChat" div 인 스타일 을 가 져 올 수 없습니다.
function $(id){

 return documentElementById(id);

}

var qL = $("qqChat").style.left;

alert(qL);//    

코드 를 자세히 검사 하 세 요. div 상자 의 top, left 값 도 정의 되 었 는데 왜 가 져 오지 못 합 니까?수색 하 다.마침내 문제점 을 발견 했다.
js 는 html 내부 의 css 스타일 코드 만 수정 할 수 있 습 니 다.
자 바스 크 립 트 에 서 는 document. getElement ById (id). style. XXX 를 통 해 XXX 의 값 을 얻 을 수 있 지만 의외로 내장 방식 으로 설 정 된 스타일 값, 즉 style 속성 에 설 정 된 값 만 얻 을 수 있 습 니 다.
내 가 스타일 을 헤드 에 썼 구나.그러나 일반적으로 스타일 을 줄 내 스타일 로 쓰 지 않 기 때문에 해결 방법 을 찾 아야 한다.계속 찾 아 봐.쿵 푸 는 마음 이 있 는 사람 을 저 버 리 지 않 고 마침내 해결 방법 을 찾 았 다.
ie 라면 문제 가 잘 해결 되 고 style 을 currentStyle 로 바 꾸 면 됩 니 다.즉:
function $(id){

 return documentElementById(id);

}

var qL = $("qqChat").currentStyle.left;

alert(qL);//    

fireforx 에 서 는 다른 방식 을 사용 합 니 다.
function $(id){

 return documentElementById(id);

}

var qL = document.defaultView.getComputedStyle($("qqChat"),null)

var qLL = qL.left;

alert(qLL);//    

 IE 와 Firefox 를 종합 한 후 해결 방법 은 다음 과 같다.
function $(id)

{

 return document.getElementById(id);

}

function checkStyle(o){

 if(o.currentStyle){

  var cur = o.currentStyle;

}else{

  var cur =  document.defaultView.getComputedStyle(o, null);

}

  return cur;

}

var one = checkStyle($("qqChat"));

alert(one.left);//  

 
다음으로 이동:http://www.17leba.com

좋은 웹페이지 즐겨찾기