>  기사  >  웹 프론트엔드  >  js의 cssText 사용 예(코드 예)

js의 cssText 사용 예(코드 예)

不言
不言원래의
2018-08-11 11:17:012592검색

이 기사에서 제공하는 내용은 js에서 cssText의 사용 예제(코드 예제)에 대한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

cssText의 핵심은 HTML 요소의 스타일 속성 값을 설정하는 것입니다.

1. 사용법

브라우저에서는 할당된 값이 무엇이든 반환됩니다. 하지만 IE에서는 출력 형식을 지정하고, 속성을 대문자로 표시하고, 속성의 순서를 변경하고, 마지막 세미콜론을 제거합니다

document.getElementById("id").style.cssText = "color:red; font-size:13px;";

IE의 결과: FONT-SIZE: 13px: red

그러나 이것은 예를 들어 원래 스타일에 'display:none;'이 있으면 위 JS를 실행한 후 표시가 삭제됩니다. cssText 축적 방법을 사용할 수 있습니다:

document.getElementById("id").style.cssText += "color:red; font-size:13px;";

두 번째, 스타일 설정의 일반적인 방법

var element= document.getElementById(“id”);
element.style.color=”red”;
element.style.font-size=”13px”;

관련 권장 사항:

cssText 속성을 능숙하게 사용하여 js_javascript 기술에서 스타일을 일괄 처리합니다

style object cssText 어떤 방법을 사용하나요?

js_javascript 기술에서 cssText의 고성능을 증명하려면 사실을 사용하세요.

위 내용은 js의 cssText 사용 예(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.