js 如何在head标签里写css代码，js如何在style标签里写入css代码？
7个回答
展开全部
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：$('head').append('<style>div{font-size: 32px;}</style>');。
3、浏览器运行index.html页面，此时发现js成功将css代码添加到<head>标签的<style>标签中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head runat="server">
<title></title>
<style type="text/css">
div
{
background-color: Aqua;
}
</style>
</head>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<style type="text/css">
.class{
}
</style>
<javascript language="javascript/text">
//这里通过获取页面组件，标签的对象，然后重新给赋予css样式即可
css的样式代码在style中，这里进行调用
</javascript>
</head>
<style type="text/css">
.class{
}
</style>
<javascript language="javascript/text">
//这里通过获取页面组件，标签的对象，然后重新给赋予css样式即可
css的样式代码在style中，这里进行调用
</javascript>
</head>
追问
请问你用什么组件 document.getElementsByTagName('head')[0] 吗？能写一下吗？
如果用 document。write（）方法，怎么在style标签输出？
追答
.test_div{
color:red;
}
.change_div{
color:blue;
}
function change(){
var div = document.getElementById("test_div");
if(div.className=="change_div"){div.className="test_div";
}else{
div.className="change_div";}
}
faffafffafa
这只是个实例，你可以根据实际需要进行修改。
比如样式也可以直接在js中通过对象.属性来修改。这些都是灵活的，多用就好了
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
head里面
<style type="text/css">
.AA{
color:red
}
</style>
js
ducument.getElementById("id").style.color="red";
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var _style = document.createElement('style');
_style.innerHTML = '.xx {border: 1px solid black; }';
document.getElementsByTagName('head')[0].appendChild(_style);
_style.innerHTML = '.xx {border: 1px solid black; }';
document.getElementsByTagName('head')[0].appendChild(_style);
追问
_style.innerHTML 报错，Unknow runtime error
追答
源码：
*************************************分割线***************************************
效果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
