如何使用 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中文网其他相关文章！