JavaScript로 `` 태그를 우아하고 크로스 브라우저 호환적으로 생성하려면 어떻게 해야 합니까?

만들기 우아함과 호환성을 갖춘 태그

웹 개발 세계에서는 JavaScript를 사용하여 HTML 요소를 동적으로 생성하는 기능이 중요합니다. 그러한 요소 중 하나는

작업 접근

다음 기준을 준수하는 방식으로 JavaScript로 태그를 지정하세요.

• 미적으로 만족스럽습니다: 방해가 되거나 불필요한 HTML 마크업을 도입하지 않습니다.
• Chrome 호환성 : 솔루션이 오류 없이 작동하는지 확인합니다. Chrome.

최적의 솔루션

이상적인 접근 방식은

코드 데모

다음은 최적의 솔루션을 보여주는 JavaScript 스니펫입니다.

var css = 'h1 { background: red; }',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

head.appendChild(style);

style.type = 'text/css';
if (style.styleSheet) {
  // This is required for IE8 and below.
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

이 솔루션은 보장:

• 깔끔하고 우아한 코드: 추가 HTML 마크업을 추가할 필요가 없습니다.
• 크로스 브라우저 호환성: 테스트 결과 IE(7-9), Firefox, Opera 및 Windows에서 완벽하게 작동하는 것으로 확인되었습니다. 크롬.

위 내용은 JavaScript로 `` 태그를 우아하고 크로스 브라우저 호환적으로 생성하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!