js 如何在head标签里写css代码，js如何在style标签里写入css代码？

绿茶软件 • 2023-5-19 • IT百科 • 阅读 11

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

// javascript.js

var head = document.head || document.getElementsByTagName('head')[0]

var script = document.createElement('script')

var style = document.createElement('style')

script.innerHTML = '$("div").wrapInner("<div>545454</div>")'

style.innerHTML = 'body{background-color:#f30}'

head.appendChild(script)

head.appendChild(style)

欢迎分享，转载请注明来源：内存溢出

标签代码编辑器浏览器写入

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-05-19

下一篇 2023-05-19

登录后才能评论