在JavaScript文件中編寫CSS樣式的方法

在JavaScript文件中編寫CSS樣式是一種非常實用的技術，可以讓我們在JavaScript中直接操作樣式，而無需額外的CSS文件，下面是一些在JavaScript中編寫CSS樣式的示例代碼：

1、創(chuàng)建一個新的樣式表：

var styleSheet = document.createElement('style');
styleSheet.type = 'text/css';
styleSheet.innerHTML = `
  body {
    background-color: lightblue;
  }
  h1 {
    color: navy;
  }
`;
document.head.appendChild(styleSheet);

2、操作已有的樣式表：

var styleSheet = document.styleSheets[0];
styleSheet.insertRule('body { background-color: lightgreen; }', 0); // 在樣式表的開頭添加一條規(guī)則
styleSheet.deleteRule(1); // 刪除第二條規(guī)則

3、直接操作元素樣式：

var element = document.getElementById('myElement');
element.style.backgroundColor = 'lightyellow'; // 直接設置元素的背景顏色

在JavaScript中編寫CSS樣式的方法有很多種，以上只是其中的一部分示例，我們可以根據(jù)自己的需求選擇適合自己的方法，也可以在JavaScript中編寫更復雜的樣式邏輯，以實現(xiàn)更加豐富的頁面效果。