javascript - 通过将 href 与 javascript 匹配来删除 dom 元素

Question

只有当 a href 完全匹配时，我才需要删除一些包含 img 的“a 标签”。这是需要删除的代码-

<a class="slideshow" href="?Action=thumbnail&Width=500&Height=500&algorithm=proportional" rel="lightbox[eventer]" onclick="myLightbox.start(this); return false;">
    <img src="?Action=thumbnail&Width=80&Height=80&algorithm=fill_proportional">
</a>

因此，如果 href 等于上面的，则需要从 dom 中删除 'a 标签' 和 'img'。

======编辑=======

我正在使用一个专有的 CMS，它在 href 和 src 标签中吐出标签，我实际上无法编辑 url 周围的代码，这让它有点难看.

Answer 1

您可以使用适用于所有浏览器的类似代码:

var links = document.getElementsByTagName("a"), item;
var urlBase = '?Action=thumbnail&Width=500&Height=500&algorithm=proportional';
var urlFull = window.location.href + urlBase;
for (var i = links.length - 1; i >= 0; i--) {
    item = links[i];
    if (item.href == urlFull || item.href == urlBase) {
        item.parentNode.removeChild(item);
    }
}

注意:代码以相反的顺序遍历列表，这样当项目从 DOM 中移除并且事件节点列表发生变化时，它不会影响其余的遍历。

因为 item.href 通常会返回一个完全限定的 URL 而不是原始源 HTML 中的确切内容，我们根据完全限定匹配和我们在源中期望的内容来测试它HTML。