js 如何在head标签里写css代码,js如何在style标签里写入css代码?

 我来答
幻翼高达Zero
2019-07-03 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8万
展开全部

需要准备的材料分别有:电脑、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>标签中。

百度网友a2988ce
2013-04-12 · TA获得超过223个赞
知道小有建树答主
回答量:302
采纳率:100%
帮助的人:177万
展开全部
<head runat="server">
<戚租拍高羡title></title>
<型谨style type="text/css">
div
{
background-color: Aqua;
}
</style>
</head>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友423c606
2013-04-12 · TA获得超过507个赞
知道小有建树答主
回答量:188
采纳率:0%
帮助的人:107万
展开全部
<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中通过对象.属性来修改。这些都是灵活的,多用就好了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2017-06-07
展开全部
head里面前凳
<style type="text/css">
.AA{
  慧搭旅  枝历color:red
}
</style>

js
ducument.getElementById("id").style.color="red";
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
笑苍天14
2013-04-12 · TA获得超过162个赞
知道小有建树答主
回答量:66
采纳率:0%
帮助的人:99.3万
展开全部
var _style = document.createElement('style');

_style.innerHTML = '.xx {border: 1px solid black; }';
document.getElementsByTagName('友岁碧好举head'雀岁)[0].appendChild(_style);
追问
_style.innerHTML  报错,Unknow runtime error
追答

源码:

*************************************分割线***************************************

效果:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式