JavaScript 또는 jQuery에서 스타일시트를 효과적으로 제거하거나 교체하려면 어떻게 해야 합니까?

JavaScript 또는 jQuery를 사용하여 스타일시트를 효과적으로 제거 또는 교체

다음을 추가하여 웹 페이지의 모양을 동적으로 조정하는 것이 일반적인 요구 사항입니다. JavaScript 또는 jQuery를 사용하여 스타일시트를 제거하거나 교체합니다. 그러나 스타일시트 요소( 태그)를 제거하는 것만으로는 모든 브라우저에서 항상 충분하지 않을 수 있습니다.

브라우저 간 호환성을 위해 다음 기술을 통합하는 것이 좋습니다.

설정 스타일시트 비활성화

일부 브라우저(예: Internet Explorer)에서는 스타일시트가 메모리에 캐시됩니다. 요소는 스타일을 제거하지 않습니다. 스타일이 적용되지 않도록 하려면 스타일시트의 비활성화 속성을 true로 설정할 수 있습니다.

jQuery 사용:

$('link[title=mystyle]')[0].disabled = true;

전체 예

다음은 jQuery를 사용한 전체 예입니다.

// Remove a stylesheet with the title "mystyle"
$('link[title=mystyle]').remove();

// Disable the first stylesheet
$('link[href]')[0].disabled = true;

이 접근 방식은 스타일시트는 메모리에 캐시되지 않으며 페이지 모양에 영향을 주지 않습니다.

위 내용은 JavaScript 또는 jQuery에서 스타일시트를 효과적으로 제거하거나 교체하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!