📌  相关文章
📜  如何使用 JavaScript 创建样式标签？

📅  最后修改于: 2022-05-13 01:56:27.815000             🧑  作者: Mango

如何使用 JavaScript 创建样式标签？

document.createElement('style') 方法用于使用 JavaScript 创建样式元素。创建样式元素的步骤如下：

脚步：

  • 使用以下语法创建样式元素
    句法：
document.createElement('style');
  • 应用 CSS 样式。
  • 将此样式元素附加到 head 元素。
    句法：
document.getElementsByTagName("head")[0].appendChild(styleElement);

示例 1：此示例通过使用 JavaScript 创建样式元素将

颜色更改为绿色。

HTML


 

    
        Create style tag using JavaScript
    

     

    
GeeksForGeeks

     
    
    

 

HTML
 
 
 

    
        Create style tag using JavaScript
    

      
 
    
     
         
       
 
 

输出：

示例 2：本示例通过使用 JavaScript 创建样式元素，将

文本颜色更改为白色，将
元素的背景颜色更改为绿色。

HTML 

 
 
 

    
        Create style tag using JavaScript
    

      
 
    
     
         
       
 
 

输出：