首页 > 其他分享 >html 中拦截 js 的样式更改

html 中拦截 js 的样式更改

时间:2023-06-14 10:44:18浏览次数:31  
标签:style target 更改 js html mutation var

比如拦截 html 标签的 font-size 样式的更改:

...
<body>
  <script>
    var observer = new MutationObserver(function (mutations) {
      mutations.forEach(function (mutation) {
        if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
          var target = mutation.target;
          var oldStyle = mutation.oldValue;
          var newStyle = target.getAttribute('style');
          if (target.tagName == "HTML" && newStyle.includes("font-size"))
            debugger
        }
      });
    });

    var targetNode = document.documentElement;
    var config = { attributes: true, attributeOldValue: true, attributeFilter: ['style'] };
    observer.observe(targetNode, config);
  </script>
...

 

标签:style,target,更改,js,html,mutation,var
From: https://www.cnblogs.com/nanfei/p/17479556.html

相关文章

  • js实现上传的pdf文件预览
    js实现pdf文件上传预览功能需求:上传预览功能,支持图片和pdf上传预览,并且是在指定的div里面预览主要使用的是pdfjs库pdfjs可以轻松实现点击打开一个新的页面或一个大的dialog在原页面实现预览,但是不支持(可能是我没找到)在指定的div里面预览这里要实现的是在指定的div......
  • Three.js教程:三维坐标系
    推荐:将NSDT场景编辑器加入你的3D工具链其他系列工具:NSDT简石数字孪生三维坐标系本节课的目的就是为了加强大家对threejs三维空间的认识。辅助观察坐标系THREE.AxesHelper()的参数表示坐标系坐标轴线段尺寸大小,你可以根据需要改变尺寸。//AxesHelper:辅助观察的坐标系const......
  • win11更改鼠标右键菜单栏
    **右键菜单改回Win10(展开)**1.新建记事本:(格式为.txt)2.填写脚本内容regadd"HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32"/f/vetaskkill/f/imexplorer.exe&startexplorer.exe3.保存文件,记事本后缀.txt改为.bat确定4.......
  • 再也不用担心变量类型错误!学会JS中如何轻松检查变量类型
    今天要分享的问题就是:如何在JS中检查一个变量的类型?先上结论:如果判断的是基本数据类型或JavaScript内置对象,使用toString;如果要判断的是自定义类型,请使用instanceof。在ECMAScript规范中,共定义了7种数据类型,分为基本类型和引用类型两大类。基本类型也称为简单类型,按......
  • json字符串解析 多语言替换
    importlombok.extern.slf4j.Slf4j;importorg.apache.commons.collections4.MapUtils;importorg.apache.commons.lang3.StringUtils;importorg.springframework.beans.factory.annotation.Value;importjava.util.HashSet;importjava.util.List;importjava.util.M......
  • 模块(os、json、pickle)
    os模块主要与操作系统打交道,是与操作系统交互的一个窗口1.os.mkdir('dirname')创建单级目录dirname2.os.makedirs('dirname1/dirname2')生成多层递归目录dirnmae1下的dirname23.os.rmdir('dirname')删除空白单级目录dirname,若dirname不为空则无法删除,并报错 ......
  • js Math
    JavaScript中的Math对象是一个数学库,提供了许多数学函数和常量,可以用于进行各种数学计算和运算。以下是Math对象的一些常用属性和方法:常量:Math.PI:圆周率。Math.E:自然对数的底数。数学函数:Math.abs(x):返回x的绝对值。Math.ceil(x):返回大于或等于x的最小整数。Math.fl......
  • HTML
    hypertextmarkuplanguage超文本标记语言w3c是什么Web技术领域最具权威和影响力的国际中立性技术标准机构。w3c标准:结构化标准语言(HTML、XML)表现标准语言(CSS)行为标准(DOM、ECMAScript)HTML结构<!DOCTYPEhtml><htmllang="en"><head><!--meta标签是给搜索......
  • post、raw、json调用第三方接口
    1、调用第三方接口,对方接口文档写到”请求方式postjson格式、请求参数json格式“,看不懂,就用postMan试试看。发现只有一种方式能调用通, 2、 3、Content-Type:application/json  4、根据上面的方式,所有写了下面的方法:/****@paramurl接口地址*@paramputData......
  • JS-数组和函数
    1.数组数组Array:是一种可以按顺序保存数据的数据类型1.1声明数组let数组名=[数据1,数据2,数据3,...,数据n]或let数组名=newArray(数据1,数据2,数据3,...,数据n)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahtt......