【JS自用常用模板1】简化网站用/删除隐藏页面元素/AC插件自定义less/批量控制样式

经常浏览的网站的UI界面越来越复杂，甚至夹杂不少广告，尽管有了ADblock等插件，但依然满足不了我强迫症的需求，故写了备份一套自用的JS模板，每当见到眼花缭乱的界面或是想删除不想见到的部分，只需要documen直接获取对象放入函数即可，适合JS入门学习。
用法很简单：直接粘贴代码，替换掉removee()元素部分即可

用处多多，本人就经常用来净化某站，因为次次搜索关键字后或进入页面主页，看到推荐的视频就忍不住点进去，然后哈哈哈哈哈笑完之后就不想学习了，所以有必要根据自己这种经常走神的习惯净化一下主页，浅喷。

首先通用的网站match格式

// @match       *://*.csdn.com/*

//最原始 class/Tag/ID通用
function judgeeRemoveByName(para){
  if(para){
    para.remove()
  }
}
//对比 remove，可以避免网页一些连续加载模块在remove()后加载不出来的问题
function judgeeNoneDisplayByName(para){
  if(para){
    para.style.display = "none"
  }
}
//判断是否为删除对象textxx
function judgeeNoneDisplayByNameWithText(para,textxx){
  if(para && para.children[1].innerHTML == textxx ){
    // para.style.display = "none"
    para.remove()
  }
}
//常用于取消浏览标题一直浮动
function judgeeModifyPosition(para, value){
  if(para){
    para.style.position = value
  }
}

//修改style样式 可以自己随意添加
function judgeeMODIFstyleByName(para,type,value){
  if(para && type == "mt"){
    para.style.marginTop = value

  }else if(para && type == "bg"){
    para.style.backgroundColor = value

  }else if(para && type == "h"){
    para.style.height = value
 
  }else if(para && type == "w"){
    para.style.width = value
  }
}


//统一修改class，
//给.class批量修改css样式
//给所有相同类名设置的class，设置统一样式
function judgeeMODIFstyleByNameBatch(para,type,value){

  if(para && type == "dp"){
    for (i = 0; i < para.length; i++) {
      para[i].style.display = value
    }
  }

  else if(para && type == "bg"){
    for (i = 0; i < para.length; i++) {
      para[i].style.backgroundColor = value
    }
  }
}




var tim = 3000
//再用一个函数包装起来
function removee(){
 
 
 //能用noneDisplay就不用remove，避免部分连续元素加载不出来
  judgeeNoneDisplayByName(document.getElementById("ID_NAME"))
  judgeeRemoveByName(document.getElementsByClassName("CLASS_NAME")[0])
}


//统一按时调用
setTimeout( function(){ removee() } , tim)
//循环三连，看都看不见呢!!
for (var i=0;i<10;i++){
  setTimeout(function(){ removee() },10+10*i)
}

for (var i=0;i<10;i++){
  setTimeout(function(){ removee() },100+100*i)
}

for (var i=0;i<10;i++){
  setTimeout(function(){ removee() },1000+1000*i)
}

部分网站会自己回弹，设置个点击事件就好了

setTimeout(function(){

  document.getElementsByTagName("body")[0].addEventListener('click', function(){
  
     judgeeRemoveByName( document.getElementsByClassName("CLASS_NAME")[0] )
    
  })

 }, 3000);

下载页面做pdf 用，一般是通过永页机获取的文档，待读取完毕清除页与页之间衔接的冗余部分

function judgeeRemoveByNameBatch(para){

  if(para){
	// 为什么不是全删除，一般保留一个版本做检查
    for (i = 1; i < para.length; i++) {
      para[i].remove()
    }
  }

}

judgeeRemoveByNameBatch(document.querySelectorAll('pages'))

其他 AC插件自定义备份

//baidu
div .result .c-container{
  background: #87e88e;
}

//google
/**页面板块区块*/
div .MjjYud{
  dispaly: block;
}
div .sfbg{
  dispaly: none;
}
div .kvH3mc {
  background-color:  !important; 
}
#rso .g, {
  background-color: rgba(97,28,26, 0.6) !important; 
}

//bing
#b_results{
  background-color: blue!important; 
  width:100% !important; 

}  
#b_content{

    width:100%;
  }

批量处理同一个class的样式

var elements = document.querySelectorAll('.c-container');
 
// 遍历这些元素并更改它们的背景颜色
elements.forEach(function(element) {
  element.style.backgroundColor = 'red';
});