HTML Dom 및 CSS 제어 방법_DOM

CSS를 사용하는 대부분의 경우 웹 페이지의 링크 태그를 사용하여 CSS 파일을 소개합니다. 또는 웹페이지의 Head 태그에 CSS 스타일을 정의하세요. 실제로 Dom은 몇 가지 지침을 제공합니다. 요소의 CSS 모양 스타일을 동적으로 설정하거나 가져올 수 있습니다. 다른 웹사이트에서 "피부 변화" 기능을 본 적이 있을 것입니다. 이 기술은 Dom 명령을 사용하여 현재 웹 페이지에 새로운 CSS 파일을 도입합니다. 웹페이지의 모양이 갑자기 바뀌도록 하세요. 물론 현재 웹페이지에서 특정 요소의 모양만 설정할 수도 있습니다. 올바르게 사용하면 사용자 경험이 크게 향상될 수 있습니다! 아래에는 Dom의 CSS 명령어를 나열하겠습니다. 공간의 제약으로 인해 이 페이지에서는 각 Dom 명령의 사용 방법과 예제 데모를 제공하지 않습니다. 해당 Dom 명령 이름을 클릭하면 됩니다. 자세한 지침과 관련 지침의 예시 데모에 대해 자세히 알아보세요.

Dom의 className을 사용하여 현재 요소에 대한 CSS 스타일 클래스 이름을 지정합니다. 현재 요소의 모양 스타일을 변경하려면
HTML Dom의 현재 요소에 대해 여러 Css 속성 스타일을 설정합니다. cssText
HTML Dom 현재 요소에 지정된 Css 속성 값을 가져오는 명령은 다음과 같습니다. currentStyle은 IE를 지원합니다. 🎜>HTML Dom 획득 현재 요소에 지정된 Css 속성 값에 대한 명령은 다음과 같습니다. getPropertyValue는 FF를 지원합니다.
HTML Dom은 createStyleSheet 명령도 제공합니다. 새로운 CSS 파일을 동적 웹 페이지에 도입할 수 있습니다. 앞서 말씀드린 '피부 변화' 기능이 바로 이것이다. 아쉽게도 이 명령은 FF와 Chrome 브라우저를 지원하지 않지만 createStyleSheet 설명에서 FF에서 동일한 효과를 해결했습니다.
Ajax 기술의 리더십 아래. Dom은 최근 몇 년 동안 빠르게 발전했습니다. 많은 사람들이 이를 진지하게 받아들이기도 했습니다. 많은 대규모 웹사이트는 좋은 사용자 경험을 추구하기 위해 노력합니다. 이러한 기술은 더 이상 낯설지 않습니다! 사실 이것들은 모두 프론트엔드 디자인의 범위에 속합니다. 요즘에는 "Baidu", "Taobao", "Tencent" 등과 같은 대기업들이 프론트엔드 디자인을 매우 중요하게 생각합니다. 그러므로 프론트엔드를 잘 배워두시는 것도 좋은 선택이 되실 것 같아요!

저자 : 강동 출처 : Www.Web666.Net