获取，改写style标签里面的内容

有时候我们会在页面的头部写一些style标签来控制样式，如果我们想用js动态地去改变里面的内容，可以用到document里面地stylesheets属性

比如：

<style type="text/css">  #div1{width: 100%; height: 400px; background: red;}  .div2{width: 100%; height: 200px; background: blue;}
</style> <style type="text/css">span{color: green;}
</style>

通过

var ocssRules=document.styleSheets[0].cssRules || document.styleSheets[0].rules || window.CSSRule.STYLE_RULE;
console.log(ocssRules);

可以在控制台看到

根据MDN的说法：

返回的对象是一个 StyleSheetList。

它是一个 StyleSheet 对象的有序集合。styleSheetList.item(index) 或 styleSheetList[index] 根据它的索引（索引基于0）返回一个单独的样式表对象。

insertRule和addRule的使用说明：https://www.w3cmm.com/dom/insertrule-addrule.html

转载于:https://www.cnblogs.com/lastnigtic/p/7399427.html

获取，改写style标签里面的内容相关推荐

在js中获取vue文件的style标签下的内容
前言: 由于业务需求,将页面内容转成pdf,前端需要提供整个页面的dom元素提供给后端,但样式并不是在行内而是在<style>标签里. 解决方案: 通过原生属性 document.styl ...
xpath获取两个标签之间的内容
在使用xpath解析网页数据时,会面临一些不好处理的网页,如下所示: <p> 感冒是由于感触风邪或时行病毒,引起肺卫功能失调,出现鼻塞.流涕.喷嚏.头痛.恶寒.发热.全身不适等一系列临床表 ...
python爬虫时删除多余标签内的内容remove、remove_tags
当爬取到内容后,发现有些便签内的内容不是我们想要的,这时只能通过删除多余标签的方法来进行处理 doc = pq(html)doc('.article-t style').remove() 如上是:想要 ...
JS中编写函数去除HTML标签,js函数获取html中className所在的内容并去除标签
js函数获取html中className所在的内容并去除标签复制代码代码如下: function queryClass(classnames){ var classobj= new Array() ...
Bootstrap4+MySQL前后端综合实训-Day08-PM【ajax获取表单标签内容、根据“栏目信息”添加“新闻信息”、新闻管理系统-项目展示】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录 ajax获取表单标签内容 ajax根据数据库加载select下来列 ...
python爬虫提取a标签_Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
一.Tag(标签)对象 1.Tag对象与XML或HTML原生文档中的tag相同. from bs4 import BeautifulSoup soup = BeautifulSoup('Extreme ...
c#正则表达式取出数据库中带html标签的内容,C#用正则表达式获取网页源代码标签的属性或值...
1.有url获取到网页源代码: using System.Web; using System.IO; using System.Net; private void GetHtmlinfo(string ...
dom4j解析xml格式字符串获取标签属性和内容
/*** 解析xml字符串,获取各项属性内容* readXML方法描述:* * @author : gc* @createTime : 2019-4-26 下午4:37:50*/private sta ...
python tag对象下有多个标签、属性_Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释...
Apple iPhone 11 (A2223) 128GB 黑色移动联通电信4G手机双卡双待 4999元包邮去购买 > 如何利用Python爬虫库BeautifulSoup获取对象(标签) ...
python爬取疫情信息html.xpath p标签_python xpath 如何过滤div中的script和style标签
爬取一个页面中的div,想获取div中的文字,我是这么写的: selector.xpath('//div[@class="text-con"]').xpath('string(.) ...

获取，改写style标签里面的内容

获取，改写style标签里面的内容相关推荐

最新文章

热门文章