JavaScript로 스타일시트를 올바르게 제거하거나 교체하는 방법은 무엇입니까?

JavaScript/jQuery로 스타일시트() 제거 또는 교체

웹 페이지에서 스타일시트를 제거하려는 시도 동적으로 다음 jQuery 코드를 사용해 보았습니다.

$('link[title="mystyle"]').remove();

이 코드는 DOM에서 링크 요소를 제거하더라도 스타일시트에 정의된 스타일은 페이지에 계속 적용됩니다. 이 동작은 Opera와 Firefox 모두에서 발생합니다.

JavaScript를 사용하여 스타일시트를 성공적으로 제거하거나 바꾸려면 CSS 파일에 대한 브라우저의 캐싱 메커니즘을 이해해야 합니다. 브라우저는 CSS 스타일을 메모리에 캐시합니다. 즉, DOM에서 스타일시트 요소를 제거한 후에도 스타일이 계속 적용될 수 있습니다.

이 문제를 해결하려면:

교차의 경우 브라우저 호환성이 있는 경우 스타일시트를 제거하는 대신 비활성화하세요.

document.styleSheets[0].disabled = true;

사용 jQuery:

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

스타일시트를 비활성화하면 스타일시트가 비활성으로 표시되고 브라우저는 해당 스타일시트에 정의된 스타일 적용을 중지합니다. 이 접근 방식은 Internet Explorer를 포함한 주요 브라우저에서 일관되게 작동합니다.

위 내용은 JavaScript로 스타일시트를 올바르게 제거하거나 교체하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!