DOM 객체 스타일을 작동하는 방법을 배우는 Node.js 기본 개선

이번에는 DOM 객체 스타일의 학습과 운용을 향상시키기 위한 js의 기본 사항을 알려드리겠습니다. js에서 DOM 객체 스타일을 운용할 때 주의할 점은 무엇인가요?

간단한 예:

xx.style.xx는 인라인 스타일만 얻을 수 있고 너비는 얻을 수 없다는 것을 알 수 있습니다(인라인 스타일은 외부에서 들어오는 스타일을 수정할 수 없음을 의미합니다)

너비 얻을 수 없습니다 문제는 그것을 얻는 것이 불가능하다는 것입니다. 우리는 그것이 100%라는 것을 알고 있지만 이런 종류의 작업은 범위를 벗어날 수 없습니다

픽셀 더하기 및 빼기:

parseInt로 변환, 추가 및 최종 복원 뒤로 가기

Expand: W3C getComputeStyle(스타일 태그)을 사용하세요. 스타일 이름

장점: 모든 태그 스타일을 얻을 수 있습니다.

결점: 호환성이 있으며, IE9 이상의 버전을 사용할 수 있습니다.

IE8 및 이전 버전에서는 다음 형식을 사용합니다: tag.currentStyle.height

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사에 주목하세요. PHP 중국어 웹사이트!

추천도서:

js 학습의 기본 개선을 위한 기본 데이터 유형

JS 개념 질문 요약 및 Q&A

위 내용은 DOM 객체 스타일을 작동하는 방법을 배우는 Node.js 기본 개선의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!