javascript如何监听dom变化

ppylox
·3/8/2021·1 阅读
AI 摘要模型根据正文自动生成,仅供参考

使用JavaScript可通过MutationObserver监听DOM变化。示例中定义回调函数,在检测到变化时用jQuery将#header样式设为固定定位并上移1px;创建MutationObserver实例并传入回调,配置childList和attributes为true,调用observe方法监听指定元素的子节点及属性变动。

前端使用javascript就能够监听dom发生的变化,参考一下代码:

var callback = function(records) {\nrecords.map(function(record) {\n        $("#header").css({"position":"fixed","top":"-1px"});\n      });\n};\nvar mo = new MutationObserver(callback);\nvar option = {\n    "childList":true,\n    "attributes": true\n};\nmo.observe(document.getElementById("header"),option);


相关文章