原生js监听dom节点属性变化_电脑duanwindow.orientation 这个没有值是什么情况

// 选择需要观察变动的节点
const targetNode = document.getElementById('js-toc');
// 观察器的配置（需要观察什么变动）
const config = { attributes: true, childList: true, subtree: true };
// 当观察到变动时执行的回调函数
const callback = function(mutationsList, observer) {
	// Use traditional 'for loops' for IE 11
	for(let mutation of mutationsList) {
		if (mutation.type === 'childList') {
			console.log('A child node has been added or removed.');
		}  else  if (mutation.type === 'attributes') {
			targetNode.scrollTo(0,document.getElementsByClassName("is-active-li")[0].offsetTop);
		}
	}
};

// 创建一个观察器实例并传入回调函数
const observer = new MutationObserver(callback);
// 以上述配置开始观察目标节点
observer.observe(targetNode, config);
// 之后，可停止观察
observer.disconnect();

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

结合此文使用
https://blog.csdn.net/qq_38334525/article/details/108597479