JavaScript를 사용하여 HTML 페이지에 `` 태그를 안정적으로 추가하려면 어떻게 해야 합니까?

만들기 JavaScript를 사용한 태그: 종합적인 솔루션

이 글에서는

divNode.innerHTML로 시도

질문에 설명된 대로

정제된 솔루션

기존 접근 방식을 개선하려면

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

head.appendChild(style);

style.type = "text/css";
if (style.styleSheet) {
  style.styleSheet.cssText = css; // IE8 and below
} else {
  style.appendChild(document.createTextNode(css));
}

이 접근 방식은 IE 7-9, Firefox, Opera 및 Chrome에서 테스트되었으며 브라우저 간 호환성을 보장합니다.

대체 접근 방식

비표준 방법 피하기: 삽입 divNode.innerHTML을 통한 태그는 표준 관행으로 간주되지 않으며 피해야 합니다.

브라우저 지원 제한: divNode.innerHTML을 지원하는 브라우저에만 의존하는 것은 광범위한 애플리케이션에 적합하지 않을 수 있습니다. .

결론

정제된 솔루션을 접목하거나 대체 접근 방식의 한계를 인식하면

위 내용은 JavaScript를 사용하여 HTML 페이지에 `` 태그를 안정적으로 추가하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!