css可以插在js中吗 |css totop

有时候，大家需要在 JavaScript 代码中插入 CSS 代码，以便动态地改变网页的样式。那么问题来了，CSS 可以插在 JavaScript 中吗？答案是肯定的。

// JavaScript 代码中插入 CSS
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '#title { color: red }';
document.getElementsByTagName('head')[0].appendChild(style);

代码中创建了一个 style 元素，并将 CSS 代码插入到 style 中，然后将 style 添加到 head 元素中。这样就可以动态改变网页中 id 为 title 的元素的颜色。

除此之外，还可以使用 JavaScript 直接为元素添加样式，如下：

// JavaScript 代码中添加样式
document.getElementById('title').style.color = 'red';

代码会直接为 id 为 title 的元素添加颜色样式。这种方法比上述方法更加直接，但如果需要添加多个样式，代码会变得冗长。

总之，CSS 可以插入 JavaScript 中，可以通过创建 style 元素或直接为元素添加样式来实现动态改变网页样式的目的。