如何在浏览器中自动编辑 HTML/CSS

Question

我想在加载后自动编辑某些网站中的两行特定行。我想将 <div class="1"> 编辑为 <div class="1" style="display:none">，将 <div class="2" style="display:none"> 编辑为 <div class="2">。要编辑的部分在网站上是相同的，但我不能说在哪一行，所以需要搜索。不管这发生在页面加载之前还是之后。例如，我查看了 Tampermonkey 和 Stylus。或者有更好的解决方案吗？

Answer 1

使用这个片段。

// Gets all elements with className 1 given in quotes and takes the first element of that list by using [0]
const divOne = document.getElementsByClassName("1")[0];
changeDisplayOnElement(divOne);
//Similarly
const divTwo = document.getElementsByClassName("2")[0];
changeDisplayOnElement(divTwo);

//change the property display under style to none, if it's block 

function changeDisplayOnElement(element){
   element.style.display = element.style.display === "none" ? "block" : "none";
}

如何在浏览器中自动编辑 HTML/CSS

How to automate editing HTML/CSS in browser

html

css

google-chrome

tampermonkey