-
[已解决] 有没有 css 能显示 / 隐藏闪卡答案
2024-10-26 00:53// 添加颜色切换按钮 function addToggleColorBtn(perv_btn) { let barMode = document.getElementById(perv_btn); barMode.insertAdjacentHTML( "afterend", '<div id="toggle_color_btn" class="toolbar__item ariaLabel" aria-label="切换字体颜色">切换颜色</div>' ); let toggleBtn = document.getElementById("toggle_color_btn"); let isBlue = true; // 变量来跟踪当前颜色状态 const changeColor = () => { const elements = document.querySelectorAll('[data-type$="mark"]'); // 选择以 "mark" 结尾的元素 elements.forEach(element => { if (isBlue) { element.style.color = '#0000ff00'; // 设置为蓝色 } else { element.style.color = '#202124'; // 设置为绿色 element.style.backgroundColor = 'white'; // 背景色为白色 } }); isBlue = !isBlue; // 切换状态 }; toggleBtn.addEventListener("click", changeColor); // 监测带有 data-type 以 "mark" 结尾的元素变化 const observeMarkChange = () => { const observer = new MutationObserver((mutations) => { mutations.forEach(mutation => { mutation.addedNodes.forEach(node => { if (node.nodeType === 1 && node.matches('[data-type$="mark"]')) { // 检测以 "mark" 结尾的元素 changeColor(); // 新的 mark 元素加载后,改变颜色 } }); }); }); // 监听目标节点的子节点变化 observer.observe(document.body, { childList: true, subtree: true }); }; observeMarkChange(); return "toggle_color_btn"; } // 添加按钮 setTimeout(() => { addToggleColorBtn("plugin_Calendar-heatmap_0"); }, 300);
-
我想问问大家如何写英语笔记
2024-10-01 16:05笔记本到时候可能会打印出来,或者是其他方式,因为从书上的笔记看太乱了,知识点太分散了,直接抄下去跟没有一样,我想在思源整理一次先,毕竟笔记本不能复制粘贴对吧 awa