如何使用 JavaScript 優雅地將 `` 標籤插入 HTML 頁面？

插入使用JavaScript 標記

問題：

如何建立一個

答案：

首選方法是附加樣式元素直接到

該文件的。此方法在包括 Chrome 在內的主要瀏覽器中一致有效。這是一個改進的解決方案：

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));
}

此方法具有以下優點：

• 更優雅和簡潔。
• 它適用於所有主流瀏覽器，包括 Chrome。
• 它避免了額外的需要
  樣式標籤前面的元素可解決跨瀏覽器問題。

以上是如何使用 JavaScript 優雅地將 `` 標籤插入 HTML 頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！