Question

好吧，我正在尝试从托管提供商的网站 anisp.gq上删除 ...这是一个好玩的练习网站..

托管网站的服务器将所有代码添加到该服务器上，而我无法访问管理面板上的最后代码：

<!-- Actual Website Code Above^^^ --> 
<!-- Last bit of add code that I want to remove ↓↓ -->

<div style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;">

    <a target="_blank" href="https://www.freewebhostingarea.com" title="Free Web Hosting with PHP5 or PHP7">

    <img alt="Free Web Hosting" src="https://www.freewebhostingarea.com/images/poweredby.png" style="border-width: 0px;" width="180" height="45">

    </a>
    </div>

因此，我无权访问此代码的最后部分，因此我决定使用JavaScript来更改内联显示标签，但由于没有id或类，因此我正在苦苦挣扎...

我一直在尝试获取样式标签 display属性以在此div部分中更改为无...

但是您可以看到

document.getElementById("myDIV").style.display = "none";

我认为

毫无疑问...

我一直在尝试您可以说像这样的愚蠢的东西：

var node = document.querySelector('[style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"]').display="none";

/ *和下面的一个* /

 var node = document.querySelector('[style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"]');

document.getElementById("node").style.display ="none";

和其他一些东西，但没有任何效果，而且我对DOM和JS的缺乏了解也无济于事....所以我不知道我在做什么是对的还是错的...请告诉我什么是对的方法...

感谢您的时间

Answer 1

您可以定位子<a>标签，然后跳到父标签。

var node = document.querySelector(
  'a[href="https://www.freewebhostingarea.com"]'
).parentNode;

node.style.display = 'none';

Answer 2

您的两次尝试都几乎可以奏效，两者都只是一个小问题。
对于第一个，在显示之前您缺少style。

var node = document.querySelector('[style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"]').style.display = "none";

<div style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;">

  <a target="_blank" href="https://www.freewebhostingarea.com" title="Free Web Hosting with PHP5 or PHP7">

    <img alt="Free Web Hosting" src="https://www.freewebhostingarea.com/images/poweredby.png" style="border-width: 0px;" width="180" height="45">

  </a>
</div>

在后一种尝试中，您没有使用分配给node变量的值。应该是这样的：

 var node = document.querySelector('[style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"]');

node.style.display = "none";

<div style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;">

  <a target="_blank" href="https://www.freewebhostingarea.com" title="Free Web Hosting with PHP5 or PHP7">

    <img alt="Free Web Hosting" src="https://www.freewebhostingarea.com/images/poweredby.png" style="border-width: 0px;" width="180" height="45">

  </a>
</div>

Answer 3

如果您要使用非JavaScript解决方案，则可以使用此CSS。

div[style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"] {
  display: none !important;
}

使用JS更改没有ID或类的内联CSS

3 个答案: