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

发布网友发布时间：2022-04-23 00:59

我来回答

共7个回答

热心网友时间：2022-04-20 21:47

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

热心网友时间：2022-04-20 23:05

<head runat="server">
<title></title>
<style type="text/css">
div
{
background-color: Aqua;
}
</style>
</head>

热心网友时间：2022-04-21 00:40

<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中通过对象.属性来修改。这些都是灵活的，多用就好了

热心网友时间：2022-04-21 02:31

head里面
<style type="text/css">
.AA{
color:red
}
</style>

js
cument.getElementById("id").style.color="red";

热心网友时间：2022-04-21 04:39

var _style = document.createElement('style');

_style.innerHTML = '.xx {border: 1px solid black; }';
document.getElementsByTagName('head')[0].appendChild(_style);追问_style.innerHTML 报错，Unknow runtime error

追答

源码：

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

效果：





热心网友时间：2022-04-21 07:04

这个是撒需求啊，你可以先把class定义好，赋值给需要的标签啊

热心网友时间：2022-04-21 09:45

可以自己新建一个style元素设置好后用innerHTML设置css代码然后添加到head里面就行了啊追问使用document.getElementsByTagName('style')[0].innerHTML=”。。。"；报错，你是怎么写的？能写一下代码看看吗？

追答你创建style标签了吗先用createElement创建标签然后用setAttribute设置属性
然后设置innerHTML
最后你用document.head.appendChild把style元素加进去就行了这些方法都很简单按理说你学dom的时候应该都学了的