我想用< a>隐藏所有元素标记并包含链接 [英] I want to hide all element with <a> tag and contain a link

问题描述

请隐藏包含链接 sabdel.com 的< a> .

我使用了以下javascript代码，但无法正常运行

I used the below javascript code but it doesn't work

window.addEventListener=()=>{
  var elem=document.querySelectorAll("a");
  var i;
  for(i=0;i<elem.length;i++){
    var obj=elem[i];
    if(obj.innerHTML.toString().includes('sabdel.com')){
        obj.style.display="none";
      }
  }
}

<div>
  <div>
    <div>
      <div>
        <img src="//ae01.alicdn.com/kf/Haabbc1065ea449668ced4bf88021f4aea.png">
        <p></p>
        <div style="margin-left:36.847599164927%;margin-top:-30.27139874739%;width:19.72860125261%">
          <a href="//www.sabdel.com/item/detail/4000105891117.html" target="_blank" rel="noopener">
            <img src="//ae01.alicdn.com/kf/He3f2750635b24a4d9e30666180dfacc89.png">
          </a>
        </div>
        <div style="margin-left:57.306889352818%;margin-top:-29.958246346555%;width:19.72860125261%">
          <a href="//www.sabdel.com/item/detail/4000147845779.html" target="_blank" rel="noopener">
            <img src="//ae01.alicdn.com/kf/He3f2750635b24a4d9e30666180dfacc89.png">
          </a>
        </div>
        <div style="margin-left:77.76617954071%;margin-top:-29.958246346555%;width:19.72860125261%">
          <a href="//www.sabdel.com/item/detail/4000990281325.html" target="_blank" rel="noopener">
            <img src="//ae01.alicdn.com/kf/He3f2750635b24a4d9e30666180dfacc89.png">
          </a>
        </div>
        <div style="margin-top:0.31315240083507%;height:0;width:0"></div>
      </div>
    <div>
      <img src="//ae01.alicdn.com/kf/H69979517a8a248e9a84aec8986854e277.png">
      <p></p>
      <div style="margin-left:1.5657620041754%;margin-top:-31.524008350731%;width:22.964509394572%">
        <a href="//www.sabdel.com/item/detail/4000985761425.html" target="_blank" rel="noopener">
          <img src="//ae01.alicdn.com/kf/H6dac222274304fc4afe554f53ea88bcds.png">
        </a>
      </div>
      <div style="margin-left:26.096033402923%;margin-top:-30.793319415449%;width:22.964509394572%">
        <a href="//www.sabdel.com/item/detail/4000224026872.html" target="_blank" rel="noopener">
          <img src="//ae01.alicdn.com/kf/H6dac222274304fc4afe554f53ea88bcds.png">
        </a>
      </div>
      <div style="margin-left:50.62630480167%;margin-top:-30.793319415449%;width:22.964509394572%">
        <a href="//www.sabdel.com/item/detail/1005001597400364.html" target="_blank" rel="noopener">
          <img src="//ae01.alicdn.com/kf/H6dac222274304fc4afe554f53ea88bcds.png">
        </a>
      </div>
      <div style="margin-left:75.156576200418%;margin-top:-30.793319415449%;width:22.964509394572%">
        <a href="//www.sabdel.com/item/detail/4001044974112.html" target="_blank" rel="noopener">
          <img src="//ae01.alicdn.com/kf/H6dac222274304fc4afe554f53ea88bcds.png">
        </a>
      </div>
      <div style="margin-top:0.73068893528184%;height:0;width:0"></div>
</div>

推荐答案

首先，您错误地使用了 addEventListener .其次，您必须检查 href 属性，而不是 innerHTML :

First of all, you are incorrectly using addEventListener. Second, you must check the href attribute, not innerHTML:

window.addEventListener("yourEvent", () => {
  var elem=document.querySelectorAll("a");
  for(var i = 0; i < elem.length; i++) {
    if(elem[i].href.includes('sabdel.com')) {
      elem[i].style.display="none";
    }
  }
}

将 yourEvent 替换为您要监听的事件.例如，如果您正在监听click事件，则将其替换为 click .

Replace yourEvent with the event you want to listen with. For example, if you are listening for a click event, replace it with click.

这篇关于我想用< a>隐藏所有元素标记并包含链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！